带有自定义控件的 JavaFX8 TableView

Question

我想在我的 TableView 中使用自定义控件（代码中的 ClientControl）。因此我创建了一个类ClientCell：

    public class NewClientCell extends TableCell<Client, Client> {
    private final ClientControl cc;

    public NewClientCell(ObservableList<Client> suggestions) {
        cc = new ClientControl(this.getItem(), suggestions);
        this.setAlignment(Pos.CENTER_LEFT);
        this.setGraphic(cc);
        this.setContentDisplay(ContentDisplay.GRAPHIC_ONLY);
    }
@Override
protected void updateItem(Client c, boolean empty) {
    super.updateItem(c, empty);
    if(!empty){
        setGraphic(cc);
    }
}
}

在主程序中，我使用以下代码填充表格：

        TableColumn<Client, Client> clmClients = new TableColumn<>("Klient");
    clmClients.setCellFactory(new Callback<TableColumn<Client, Client>, TableCell<Client, Client>>() {
        @Override
        public TableCell<Client, Client> call(TableColumn<Client, Client> p) {
            return new NewClientCell(suggestions);
        };
    });

    clmClients.setCellValueFactory(new Callback<TableColumn.CellDataFeatures<Client, Client>, ObservableValue<Client>>() { 
        @Override
        public ObservableValue<Client> call(TableColumn.CellDataFeatures<Client, Client> p) {
            return new SimpleObjectProperty<Client>(p.getValue());
        }
    });
    getColumns().add(clmClients);

表中的数据来自一个 ObservableList 并且初始化正确。

我现在的问题是自定义控件需要一个客户端对象，它应该从 ObservableList 中取出，但是“this.getItem()”总是返回 null。

如何将 Client 对象正确放入自定义控件中？

谢谢！

编辑

ClientControl 的构造函数如下：

    public ClientControl(Client client, ObservableList<Client> suggestions) {
    setClient(client);
    setSuggestions(suggestions);
    FXMLLoader loader = new FXMLLoader(getClass().getResource("ClientControl.fxml"));
    loader.setRoot(this);
    loader.setController(this);
    try {
        loader.load();
    } catch (IOException e) {
        throw new RuntimeException(e);
    }
    initTextField();
    setLabelText(client.toString());
}

setClient 方法是一个简单的setter 方法（this.client = client;）。变量客户端和建议的定义很简单：

    private ObservableList<Client> suggestions;
private Client client;

Answer 1

AFAIK，您应该像您一样在构造函数中实例化任何控件，以便它们只创建一次（请记住，单元格会在不同的位置重复使用）。

但随后您需要覆盖一个或多个其他方法，例如 updateItem，以从当前项目中获取数据以进行渲染。

编辑

嗯，您分配的是相同的控件，而不是一次又一次地更改它。与其在 updateItem 方法中设置图形，不如设置客户端控件的 item 属性：

@Override
protected void updateItem(Client c, boolean empty) {
    super.updateItem(c, empty);
    if(!empty){
        cc.setClient(c);
    } else {
        cc.setClient(null);
    }
}

编辑 2

ClientControl 应将客户端项作为属性而不是构造函数参数提供，并将其设置在 updateItem 方法中，而不是在构造函数中。

例如像这样的东西（未经测试！）：

private final ObjectProperty<Client> client = new SimpleObjectProperty<>(this, "client");
public final Client getClient(){
    return clientProperty().get();
}
public final void setClient(Client client){
    clientProperty().set(client);
}

public ObjectProperty<Client> clientProperty(){
    return client;
}

并在构造函数中：监听该属性的变化以设置 labelText 等。 您可能还想提供一个没有客户端参数的构造函数，因为在 TableCell 构造函数中实例化它时它不可用。

Answer 2

所以我找到了解决问题的方法。非常感谢普斯的帮助！ :-) 现在我通过这样的属性设置客户端：

    private ObjectProperty<Client> clientProperty = new SimpleObjectProperty<Client>();

另外我在ClientControl的构造函数中添加了一个ChangeListener：

    public ClientControl(ObservableList<Client> suggestions) {
    clientProperty.addListener(new ChangeListener<Client>() {
        @Override
        public void changed(ObservableValue<? extends Client> observable, Client oldValue,
                ClientnewValue) {
            if(newValue != null) {
                setLabelText(newValue.toString());
            }
        }
    });
    setSuggestions(suggestions);
    FXMLLoader loader = new FXMLLoader(getClass().getResource("ClientControl.fxml"));
    loader.setRoot(this);
    loader.setController(this);
    try {
        loader.load();
    } catch (IOException e) {
        throw new RuntimeException(e);
    }
    initTextField();
}

由于 ClientControl 中的更改，我的 ClientCell 类只需要一些简单的更改：

public class NewClientCell extends TableCell<Client, Client> {
private final ClientControl cc;

public NewClientCell(ObservableList<Client> suggestions) {
    cc = new ClientControl(suggestions);
this.setAlignment(Pos.CENTER_LEFT);
this.setGraphic(cc);
this.setContentDisplay(ContentDisplay.GRAPHIC_ONLY);
}

@Override
protected void updateItem(Client c, boolean empty) {
    super.updateItem(c, empty);
    if(!empty){
        cc.setClient(c);
    }
}
}

在主程序中没有任何变化。

最后，我想再次感谢 Puce，我在这个问题上坚持了很多天......