javafx - Javafx 編集可能テーブルセル

Question

編集可能なフィールド firstName、lastName、および fullName を持つテーブルがあります。このような cellFactory と Column を作成しています

public class SampleFX1 extends Application {
private TableView table = new TableView();
private final ObservableList<Person> data =
        FXCollections.observableArrayList( new Person("balu", "Smith","1"), new Person("Isabella", "john","1"), 
        new Person("Ethan", "Williams","1"), new Person("Emma", "Jones","1"), new Person("Michael", "Brown","1"));

public static void main(String[] args) {
    launch(args);
}

@Override
public void start(Stage stage) {
    Scene scene = new Scene(new Group());

    TableColumn firstNameCol = createSimpleFirstNameColumn();
    TableColumn lastNameCol = createLastNameColumn();
    TableColumn fullNameCol = createfullNameColumn();
    table.setItems(data);
    table.getColumns().addAll(firstNameCol, lastNameCol,fullNameCol);
    table.setEditable(true);

    ((Group) scene.getRoot()).getChildren().addAll(table);
    stage.setScene(scene);
    stage.show();
}

private TableColumn createSimpleFirstNameColumn() {
    TableColumn firstNameCol = new TableColumn("First Name");
    firstNameCol.setMinWidth(100);
    firstNameCol.setCellValueFactory(new PropertyValueFactory<Person, String>("firstName"));
    firstNameCol.setCellFactory(TextFieldTableCell.forTableColumn());
    firstNameCol.setOnEditCommit(new EventHandler<TableColumn.CellEditEvent<Person, String>>() {
        @Override
        public void handle(TableColumn.CellEditEvent<Person, String> t) {
            t.getRowValue().setFirstName(t.getNewValue());
        }
    });

    return firstNameCol;
}

private TableColumn createLastNameColumn() {
    Callback<TableColumn, TableCell> editableFactory = new Callback<TableColumn, TableCell>() {
        @Override
        public TableCell call(TableColumn p) {
            return new EditingCell();
        }
    };

    TableColumn lastNameCol = new TableColumn("Last Name");
    lastNameCol.setMinWidth(100);
    lastNameCol.setCellValueFactory(new PropertyValueFactory<Person, String>("lastName"));
    lastNameCol.setCellFactory(editableFactory);
    lastNameCol.setOnEditCommit(new EventHandler<TableColumn.CellEditEvent<Person, String>>() {
        @Override
        public void handle(TableColumn.CellEditEvent<Person, String> t) {
          System.out.println( "Commiting last name change. Previous: " + t.getOldValue() + "   New: " + t.getNewValue() );
            t.getRowValue().setLastName(t.getNewValue());
        }
    });

    return lastNameCol;
}   

private TableColumn createfullNameColumn() {
    TableColumn firstNameCol = new TableColumn("full Name");
    firstNameCol.setMinWidth(100);
    firstNameCol.setCellValueFactory(new PropertyValueFactory<Person, String>("fullName"));
    firstNameCol.setCellFactory(TextFieldTableCell.forTableColumn());
    firstNameCol.setOnEditCommit(new EventHandler<TableColumn.CellEditEvent<Person, String>>() {
        @Override
        public void handle(TableColumn.CellEditEvent<Person, String> t) {
            t.getRowValue().setfullName(t.getNewValue());
        }
    });

    return firstNameCol;

}
}

セルの編集 :

public class EditingCell extends TableCell<Person, String> {
private TextField textField;

public EditingCell() {
}

@Override
public void startEdit() {
    super.startEdit();

    if( textField == null ) {
        createTextField();
    }
    setText(null);
    setGraphic(textField);
    textField.selectAll();
}

@Override
public void cancelEdit() {
    super.cancelEdit();
    setText((String) getItem());
    setGraphic(null);
}

@Override
public void updateItem(String item, boolean empty) {
    super.updateItem(item, empty);
    if (empty) {
        setText(null);
        setGraphic(null);
    } else {
        if (isEditing()) {
            if (textField != null) {
                textField.setText(getString());
            }
            setText(null);
            setGraphic(textField);
        } else {
            setText(getString());
            setGraphic(null);
        }
    }
}

private void createTextField() {
    textField = new TextField(getString());
    textField.setMinWidth(this.getWidth() - this.getGraphicTextGap() * 2);
    textField.focusedProperty().addListener(new ChangeListener<Boolean>() {
        @Override
        public void changed(ObservableValue<? extends Boolean> arg0, Boolean arg1, Boolean arg2) {
            if (!arg2) { commitEdit(textField.getText()); }
        }
    });

    textField.setOnKeyReleased(new EventHandler<KeyEvent>() {
        @Override
        public void handle(KeyEvent t) {
            if (t.getCode() == KeyCode.ENTER) {
                String value = textField.getText();
                if (value != null) { commitEdit(value); } else { commitEdit(null); }
            } else if (t.getCode() == KeyCode.ESCAPE) {
                cancelEdit();
            }
        }
    });
}

private String getString() {
    return getItem() == null ? "" : getItem().toString();
}
}

人物クラス:

import javafx.beans.property.SimpleStringProperty;

public class Person {
private  SimpleStringProperty firstName;
private  SimpleStringProperty lastName;
private  SimpleStringProperty fullName;



public Person(String firstName, String lastName ,String fullName) {

    this.firstName = new SimpleStringProperty(firstName);
    this.lastName = new SimpleStringProperty(lastName);
    this.fullName=new SimpleStringProperty(fullName);


}

public String getFirstName() { return firstName.get(); }
public void setFirstName(String firstName) { this.firstName.set(firstName); }
public SimpleStringProperty firstNameProperty() { return firstName; }

public String getLastName() { return lastName.get(); }
public void setLastName(String lastName) { this.lastName.set(lastName); }
public SimpleStringProperty lastNameProperty() { return lastName; }

public String getfullName() { return fullName.get(); }
public void setfullName(String lastName) { this.fullName.set(lastName); }
public SimpleStringProperty fullNameProperty() { return fullName; }

}

質問: 行を挿入せずに firstName 列または Lastname 列 (編集可能なセル) を更新するときに、fullName 列を更新する方法を教えてください。

score 3 · Accepted Answer

バインディングを使用して、名と姓からフルネームを取得します。

fullName.bind(Bindings.concat(this.firstName, " ", this.lastName));

Person.java

import javafx.beans.binding.Bindings;
import javafx.beans.property.ReadOnlyStringProperty;
import javafx.beans.property.ReadOnlyStringWrapper;
import javafx.beans.property.SimpleStringProperty;

public class Person {
    private SimpleStringProperty firstName;
    private SimpleStringProperty lastName;
    private ReadOnlyStringWrapper fullName = new ReadOnlyStringWrapper();

    public Person(String firstName, String lastName) {
        this.firstName = new SimpleStringProperty(firstName);
        this.lastName  = new SimpleStringProperty(lastName);

        fullName.bind(Bindings.concat(this.firstName, " ", this.lastName));
    }

    public String getFirstName() {
        return firstName.get();
    }

    public void setFirstName(String firstName) {
        this.firstName.set(firstName);
    }

    public SimpleStringProperty firstNameProperty() {
        return firstName;
    }

    public String getLastName() {
        return lastName.get();
    }

    public void setLastName(String lastName) {
        this.lastName.set(lastName);
    }

    public SimpleStringProperty lastNameProperty() {
        return lastName;
    }

    public String getFullName() {
        return fullName.get();
    }

    public ReadOnlyStringProperty fullNameProperty() {
        return fullName.getReadOnlyProperty();
    }
}

createfullNameColumn() 関数を再定義します。fullName は firstName と lastName を連結して派生した値であるため、ユーザーが明示的に編集できるようにする必要はありません。

private TableColumn createfullNameColumn() {
  TableColumn fullNameCol = new TableColumn("Full Name");
  fullNameCol.setMinWidth(100);
  fullNameCol.setCellValueFactory(new PropertyValueFactory<Person, String>("fullName"));

  return fullNameCol;
}

SampleFX1.java

アプリケーションコード:

import javafx.application.Application;
import javafx.collections.*;
import javafx.event.EventHandler;
import javafx.scene.*;
import javafx.scene.control.*;
import javafx.scene.control.cell.*;
import javafx.stage.Stage;
import javafx.util.Callback;

public class SampleFX1 extends Application {
    private TableView table = new TableView();
    private final ObservableList<Person> data =
            FXCollections.observableArrayList(
                    new Person("balu", "Smith"),
                    new Person("Isabella", "john"),
                    new Person("Ethan", "Williams"),
                    new Person("Emma", "Jones"),
                    new Person("Michael", "Brown")
            );

    public static void main(String[] args) {
        launch(args);
    }

    @Override
    public void start(Stage stage) {
        Scene scene = new Scene(new Group());

        TableColumn firstNameCol = createSimpleFirstNameColumn();
        TableColumn lastNameCol = createLastNameColumn();
        TableColumn fullNameCol = createFullNameColumn();
        table.setItems(data);
        table.getColumns().addAll(firstNameCol, lastNameCol, fullNameCol);
        table.setEditable(true);

        ((Group) scene.getRoot()).getChildren().addAll(table);
        stage.setScene(scene);
        stage.show();
    }

    private TableColumn createSimpleFirstNameColumn() {
        TableColumn<Person, String> firstNameCol = new TableColumn<>("First Name");
        firstNameCol.setMinWidth(100);
        firstNameCol.setCellValueFactory(new PropertyValueFactory<Person, String>("firstName"));
        firstNameCol.setCellFactory(TextFieldTableCell.forTableColumn());
        firstNameCol.setOnEditCommit(new EventHandler<TableColumn.CellEditEvent<Person, String>>() {
            @Override
            public void handle(TableColumn.CellEditEvent<Person, String> t) {
                t.getRowValue().setFirstName(t.getNewValue());
            }
        });

        return firstNameCol;
    }

    private TableColumn createLastNameColumn() {
        Callback<TableColumn, TableCell> editableFactory = new Callback<TableColumn, TableCell>() {
            @Override
            public TableCell call(TableColumn p) {
                return new EditingCell();
            }
        };

        TableColumn lastNameCol = new TableColumn("Last Name");
        lastNameCol.setMinWidth(100);
        lastNameCol.setCellValueFactory(new PropertyValueFactory<Person, String>("lastName"));
        lastNameCol.setCellFactory(editableFactory);
        lastNameCol.setOnEditCommit(new EventHandler<TableColumn.CellEditEvent<Person, String>>() {
            @Override
            public void handle(TableColumn.CellEditEvent<Person, String> t) {
                System.out.println("Commiting last name change. Previous: " + t.getOldValue() + "   New: " + t.getNewValue());
                t.getRowValue().setLastName(t.getNewValue());
            }
        });

        return lastNameCol;
    }

    private TableColumn createFullNameColumn() {
        TableColumn fullNameCol = new TableColumn("Full Name");
        fullNameCol.setMinWidth(100);
        fullNameCol.setCellValueFactory(new PropertyValueFactory<Person, String>("fullName"));

        return fullNameCol;
    }
}

EditingCell.java

(質問と変わらず)

サンプルコードに関する追加のユーザーの質問に回答するための更新

たとえば、Eclipse から多くの警告が表示されますが、createSimpleFirstNameColumn() を実行できました。TableColumn は生の型です。ジェネリック型 TableColumn への参照は、パラメーター化する必要があります。

元のソースコードは、標準のJavaFX TableView サンプルコードから改作されましたが、これは当時Genericsを使用する最良の例ではありませんでした。Java でのジェネリック型の指定はオプションですが、ジェネリックが指定されている API を混在させて使用し、API の使用法でジェネリック型の情報を提供しない場合、コンパイラは上記のような警告を発行します。一般に、警告は無視することも、必要に応じて無視することもできますが、型情報を明示的に指定すると、型推論とコンパイル時の型チェックが少し改善されます。

ただ言うのではなく：

TableColumn firstNameCol = new TableColumn("First Name");

以下のようなタイプ情報を明示的に指定することで、警告を排除できます。

TableColumn<Person, String> firstNameCol = new TableColumn<>("First Name");

関数でこの表記法を使用するために、上記のサンプルコードを更新しましたcreateSimpleFirstNameColumn()。

上記のコードはJava 7 ダイヤモンド表記を使用しているため、プログラムの最小言語コンパイルレベルを少なくとも Java 7 に設定する必要があります。

ただし、createLastNameColumn() の return new EditingCell(); の行で、EditingCell を型に解決できないというエラーが表示されます。

このエラーは発生しません。元の質問で定義された EditingCell クラスをプロジェクトに含めていない可能性があります。

javafx - Javafx 編集可能テーブル セル

2 に答える 2

Related

Reference

javafx - Javafx 編集可能テーブルセル