JavaFXのTableViewの編集可能セルの値表示について

Question

JavaFXのTableViewを使って、表を作りました。
いくつかTableColmunを追加して、そのうちの一つを編集可能セルとしました。

もくろみ通り、編集可能セルは編集可能になったのですが、わからないことがあります。

初期値として0を設定しているのですが、その0がセルに表示されません。

セルに文字列が表示されるのは、セルをダブルクリックして編集状態にし、何か値を入力して確定した後のみです。
確定後は入力した文字が表示されています。

外から(編集状態にしたテキストフィールドへの入力ではなく、プログラムのコードから)値を設定して表示させるには
どうしたらよいのでしょうか。

それと、何か値を入力して再び編集状態にすると、前に入力して確定していた文字列が消えてしまいます。
これも解決方法は同じではないかと思うのですがどうでしょうか。

Answer 1

画面上の表示データと内部でもつ変数は紐付けを行わないと相互に値が反映されません。
そのため初期値が反映されない、編集が反映されない、ということが起きていると思います。

TableViewにObservableListをsetItemすることで内部データと画面上の表示が紐付けされます。
またどの列がどのデータを表しているかを紐づけるために
TableColmunのsetCellValueFactory(Callback)を使います。
行モデル内にPropertyを定義しておくことで行データが変更されたときに
すぐに画面上に反映されるようになります。

以下は編集可能な1列とその他2列を持つテーブルで紐付けを行った場合の例です。

public class FXMLController implements Initializable {
    
    @FXML private TableView<MyRow> tableView;
    @FXML private TableColumn<MyRow,String> col1;
    @FXML private TableColumn<MyRow,Integer> col2;
    @FXML private TableColumn<MyRow,Boolean> col3;

    @Override
    public void initialize(URL url, ResourceBundle rb) {
        tableView.setEditable(true);
        col1.setCellValueFactory(new PropertyValueFactory<>("c1"));//行モデルと列のひもづけ
        // col1を編集可能セルにします
        col1.setCellFactory(cell-> new TextFieldTableCell<>(new DefaultStringConverter()));
        col2.setCellValueFactory(new PropertyValueFactory<>("c2"));//行モデルと列のひもづけ
        col3.setCellValueFactory(new PropertyValueFactory<>("c3"));//行モデルと列のひもづけ
        // データの投入
        ObservableList<MyRow> rows = FXCollections.observableArrayList();
        rows.add(new MyRow("foo", 0, false));
        rows.add(new MyRow("bar", 1, true));
        rows.add(new MyRow("hoge", 2, false));
        rows.add(new MyRow("fuga", 3, false));
        tableView.setItems(rows);
    }

    @FXML // この例では「変更」ボタンを用意して「変更」ボタンをクリックするとセルのデータが変わるように実装しています
    private void changeRow(ActionEvent evt){
        tableView.getItems().stream()
            .filter(row -> row.getC1().equals("bar"))
            .findFirst()
            .get()
            .setC1("forbar");
    }

    // 行モデルの定義
    public class MyRow{
        // 紐付けを行うためにPropertyを行モデル内に用意します。
        private final SimpleStringProperty c1;
        private final SimpleIntegerProperty c2;
        private final SimpleBooleanProperty c3;

        public MyRow(String c1,int c2,boolean c3){
            this.c1 = new SimpleStringProperty(c1);
            this.c2 = new SimpleIntegerProperty(c2);
            this.c3 = new SimpleBooleanProperty(c3);
        }

        /*
        setCellValueFactoryで指定した名前にPropertyをつけたメソッドを用意します。
        これを用意しておくことで
        このプロパティの変更に対して自動的に変更通知がされる仕組みが設けられます。
        TableView側はプロパティの変更通知が伝達されてくると直ちに値を画面に反映します。
        */
        public StringProperty c1Property(){return c1;}
        public IntegerProperty c2Property(){return c2;}
        public BooleanProperty c3Property(){return c3;}

        public String getC1() {return c1.get();}
        public int getC2() {return c2.get();}
        public boolean isC3() {return c3.get();}
        public void setC1(String c1) {this.c1.set(c1);}
        public void setC2(int c2) {this.c2.set(c2);}
        public void setC3(boolean c3) {this.c3.set(c3);}
    }
}

Comments

[bizkit.kit]

ありがとうございます。

示していただいたサンプルと自分のコードを比較して、原因が分かりました。

該当のTableColmunに対してsetCellFactoryしか呼んでいませんでした。
表示のみのセルと同じようにsetCellValueFactoryを呼べば良いのですね。

期待した通りの動きをするようになりました！

ありがとうございました！