JavaFX：如何編輯現有的TableView條目

Question

我已經想出了如何創建一個TableView以及如何向其添加內容，但我對如何編輯現有內容感到困惑。

在這個應用程序中我已經設置了這樣一個人可以添加玩家名稱和某些統計數據到tableview但我想現在能夠添加一個隨機滾動並添加dex和其他修飾符，並用它填充tableview。 這將駐留在rollInitBtnClicked()模塊中。

請幫我理解我需要做什么。

這是我的Main 。

import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.geometry.Insets;
import javafx.scene.control.Button;
import javafx.scene.Scene;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.control.TextField;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;


public class Main extends Application {

TextField playerName;
TextField dexMod;
TextField otherMod;
TableView<Players> playersTable;
Button addPlayerBtn;
Button rollInitBtn;
Button delPlayerBtn;


public static void main(String[] args){

    launch(args);


}


@Override
public void start(Stage primaryStage) throws Exception {

    primaryStage.setTitle("Initiative");

    // TextField so the user can enter a players Name
    playerName = new TextField();
    playerName.setPrefSize(200, 20);
    playerName.setPromptText("Player Name");
    //playerName.setFocusTraversable(false);

    // TextField so the user can enter the players dex mod
    dexMod = new TextField();
    dexMod.setPrefSize(50, 20);
    dexMod.setPromptText("Dex");
    //dexMod.setFocusTraversable(false);

    // TextField so the user can enter the players other mods
    otherMod = new TextField();
    otherMod.setPrefSize(50, 20);
    otherMod.setPromptText("Other");
    //otherMod.setFocusTraversable(false);


    addPlayerBtn = new Button("Add Player"); 
    addPlayerBtn.setOnAction(e -> addPlayerBtnClicked());

    delPlayerBtn = new Button("Delete Player"); 
    delPlayerBtn.setOnAction(e -> delPlayerBtnClicked());

    rollInitBtn = new Button("Roll Initiative"); 
    rollInitBtn.setOnAction(e -> rollInitBtnClicked());



    //TableView Name Columns
    TableColumn<Players, String> nameColumn = new TableColumn<>("Name");
    nameColumn.setMinWidth(200);
    nameColumn.setCellValueFactory(new PropertyValueFactory<>("name"));

    //TableView dexMod Columns
    TableColumn<Players, String> dexColumn = new TableColumn<>("Dex Mod");
    dexColumn.setMinWidth(50);
    dexColumn.setStyle( "-fx-alignment: CENTER;");
    dexColumn.setCellValueFactory(new PropertyValueFactory<>("dexMod"));

    //TableView otherMod Columns
    TableColumn<Players, String> otherColumn = new TableColumn<>("Other Mods");
    otherColumn.setMinWidth(50);
    otherColumn.setStyle( "-fx-alignment: CENTER;");
    otherColumn.setCellValueFactory(new PropertyValueFactory<>("otherMod"));

    //TableView roll Columns
    TableColumn<Players, String> rollColumn = new TableColumn<>("Die Roll");
    rollColumn.setMinWidth(50);
    rollColumn.setStyle( "-fx-alignment: CENTER;");
    rollColumn.setCellValueFactory(new PropertyValueFactory<>("roll"));

    //TableView total Columns
    TableColumn<Players, String> totalColumn = new TableColumn<>("Total");
    totalColumn.setMinWidth(50);
    totalColumn.setStyle( "-fx-alignment: CENTER;");
    totalColumn.setCellValueFactory(new PropertyValueFactory<>("total"));



    playersTable = new TableView<>();
    playersTable.setColumnResizePolicy(TableView.CONSTRAINED_RESIZE_POLICY);
    playersTable.setItems(getPlayers());
    playersTable.getColumns().addAll(nameColumn, dexColumn, otherColumn, rollColumn, totalColumn);



    HBox hLayout = new HBox();
    hLayout.setPadding(new Insets(10, 10, 10, 10));         // sets the padding on the top right left and bottom of the layout
    hLayout.setSpacing(10);                                 // sets the spacing between the TextFields and buttons
    hLayout.getChildren().addAll(playerName, dexMod, otherMod, addPlayerBtn, rollInitBtn, delPlayerBtn);


    VBox vLayout = new VBox();
    vLayout.getChildren().addAll(playersTable, hLayout);


    Scene mainScene = new Scene(vLayout, 800, 400);
    primaryStage.setScene(mainScene);
    primaryStage.show();

}


// What happens when the user clicks the Add Player button
public void addPlayerBtnClicked() {

    Players players = new Players();
    players.setName(playerName.getText());
    players.setDexMod(Integer.parseInt(dexMod.getText()));
    players.setOtherMod(Integer.parseInt(otherMod.getText()));
    playersTable.getItems().add(players);
    playerName.clear();
    dexMod.clear();
    otherMod.clear();
}

// What happens when the user clicks the Delete Player button
public void delPlayerBtnClicked() {

    ObservableList<Players> playerSelected, allPlayers;
    allPlayers = playersTable.getItems();
    playerSelected = playersTable.getSelectionModel().getSelectedItems();

    playerSelected.forEach(allPlayers::remove);



}

public void rollInitBtnClicked() {

    Players players = new Players();
    ObservableList<Players> playerSelected, allPlayers;
    allPlayers = playersTable.getItems();
    playerSelected = playersTable.getSelectionModel().getSelectedItems();

    players.setRoll((int)Math.ceil(Math.random() * 20));

}



public ObservableList<Players> getPlayers(){
    ObservableList<Players> players = FXCollections.observableArrayList();
    return players;
}

}

以下生活在名為Players的類中。

public class Players {

private String name;
private int dexMod;
private int otherMod;
private int roll;
private int total;


// default method to enter default data
public Players(){

}

// overloaded method to enter data that is handed to it
public Players(String name, int dexMod, int otherMod, int roll, int total){

    this.name = name;
    this.dexMod = dexMod;
    this.otherMod = otherMod;
    this.roll = roll;
    this.total = total;

}

public String getName() {
    return name;
}

public void setName(String name) {
    this.name = name;
}

public int getDexMod() {
    return dexMod;
}

public void setDexMod(int dexMod) {
    this.dexMod = dexMod;
}

public int getOtherMod() {
    return otherMod;
}

public void setOtherMod(int otherMod) {
    this.otherMod = otherMod;
}

public int getRoll() {
    return roll;
}

public void setRoll(int roll) {
    this.roll = roll;
}

public int getTotal() {
    return total;
}

public void setTotal(int total) {
    this.total = total;
}

}

Answer 1

您首先需要將表標記為可編輯

playersTable.setEditable(true);

您還需要更改任何可編輯列的單元格工廠。

nameColumn.setCellFactory(TextFieldTableCell.forTableColumn());

對於整數類型列，您還需要指定轉換器。

otherColumn.setCellFactory(TextFieldTableCell.forTableColumn(new IntegerStringConverter()));
rollColumn.setCellFactory(TextFieldTableCell.forTableColumn(new IntegerStringConverter()));
totalColumn.setCellFactory(TextFieldTableCell.forTableColumn(new IntegerStringConverter()));

並將聲明從<Players, String>修復為<Players, Integer> ，即

TableColumn<Players, Integer> totalColumn = new TableColumn<>("Total");

您現在應該可以通過“長按”或按F2來編輯表，就像標准應用程序一樣......

更多信息可以在官方教程中找到

Answer 2

為了向TableView通知修改，您需要創建一個ObservableValue包裝可用的屬性值，並通知修改。 PropertyValueFactory使用方法<propertyName>Property()來檢索此ObservableValue 。 如果不存在這樣的方法，則使用getter; 但是在這種情況下， TableView沒有通知任何修改。 此外， total物業不應該自行修改。

使用JavaFX 8u60開始有一個refresh的方法TableView ，這將允許你手動觸發刷新：

private final Random random = new Random();

public void rollInitBtnClicked() {
    List<Players> targets = playersTable.getItems();

    for (Players p : targets) {
        p.setRoll(random.nextInt(20));
        // set total ect...
    }

    // update table
    playersTable.refresh();
}

但是，“與舊版JavaFX兼容的標准方法是修改屬性：

private final IntegerProperty roll = new SimpleIntegerProperty();

public int getRoll() {
    return roll.get();
}

public void setRoll(int roll) {
    this.roll.set(roll);
}

public IntegerProperty rollProperty() {
    return this.roll;
}

// same modifications for other int properties
...

private final IntegerBinding total = Bindings.createIntegerBinding(() -> getRoll() + getOtherMod() + getDexMod(), roll, otherMod, dexMod);

public int getTotal() {
    return this.total.get();
}

public IntegerBinding totalProperty() {
    return this.total;
}

這將允許您從上面發布的rollInitBtnClicked方法中刪除refresh調用。

---

補充筆記

1. 如果您使用類來存儲單個播放器的數據，則不應將其命名為“ Players ，而應命名為“ Players Player 。

2. 您正在為TableColumn使用不正確的類型參數。 這在這里並不重要，因為PropertyValueFactory無論類型參數如何都可以工作，但是如果你使用TableColumn其他功能，它可能會讓你遇到問題。 第二個類型參數應始終與cellValueFactory返回的ObservableValue的type參數匹配：

    TableColumn<Players, String> nameColumn TableColumn<Players, Number> dexColumn TableColumn<Players, Number> otherColumn TableColumn<Players, Number> rollColumn TableColumn<Players, Number> totalColumn