JavaFX - 无法将项目添加到 tableview

Question

我对 JavaFX 还很陌生。我一直在绝望地试图让它工作这么长时间，但不知道为什么它不起作用。这些项目未显示在 tableview 上。我使用场景生成器创建了 UI。我查看了许多类似的问题，但似乎没有任何帮助。

简化为最少的代码：

主要：

package sample;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception{
        Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));
        primaryStage.setTitle("Hello World");
        primaryStage.setScene(new Scene(root, 300, 275));
        primaryStage.show();
    }


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

控制器：

package sample;

import javafx.beans.property.SimpleStringProperty;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.control.cell.PropertyValueFactory;

import java.net.URL;
import java.util.ResourceBundle;


public class Controller implements Initializable {
    ObservableList<Person> people = FXCollections.observableArrayList();
    @FXML private TableView<Person> table;
    @FXML private TableColumn<Person, SimpleStringProperty> c1;
    @FXML private TableColumn<Person, SimpleStringProperty> c2;

    @Override
    public void initialize(URL location, ResourceBundle resources) {
        c1.setCellValueFactory(new PropertyValueFactory<>("age"));
        c2.setCellValueFactory(new PropertyValueFactory<>("name"));

        people.add(new Person("2", "Sam"));
        people.add(new Person("1", "Met"));
        table.setItems(people);
    }


}

人物类：

package sample;

import javafx.beans.property.SimpleStringProperty;

public class Person {
    private SimpleStringProperty age;
    private SimpleStringProperty name;


    public Person(String age, String name) {
        this.age = new SimpleStringProperty(age);
        this.name = new SimpleStringProperty(name);
    }
}

FXML：

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.TableColumn?>
<?import javafx.scene.control.TableView?>
<?import javafx.scene.layout.AnchorPane?>


<?import javafx.scene.control.cell.PropertyValueFactory?>
<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity"
            minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/11.0.1"
        xmlns:fx="http://javafx.com/fxml/1">
  <TableView fx:id="table" layoutX="51.0" layoutY="31.0" prefHeight="338.0" prefWidth="498.0">
        <columns>
          <TableColumn fx:id="c1" prefWidth="75.0" text="C1">
            <cellValueFactory>
                <PropertyValueFactory property="c1" />
            </cellValueFactory>
          </TableColumn>
            <TableColumn fx:id="c2" prefWidth="75.0" text="C1">
                <cellValueFactory>
                    <PropertyValueFactory property="c2" />
                </cellValueFactory>
            </TableColumn>
        </columns>
      </TableView>
</AnchorPane>

谢谢。

Answer 1

要使其正常工作，您需要进行一些更改。阅读代码中的cmets：

Person 类必须有公共 getter：

import javafx.beans.property.SimpleStringProperty;
import javafx.beans.property.StringProperty;

public class Person {

    private final SimpleStringProperty age;
    private final SimpleStringProperty name;

    public Person(String age, String name) {
        this.age = new SimpleStringProperty(age);
        this.name = new SimpleStringProperty(name);
    }

    //add getters to properties with the appropriate naming convention  
    public final StringProperty ageProperty() {
        return age;
    }

    public final StringProperty nameProperty() {
        return name;
    }
}  

您必须在 fxml 中指定控制器。还要注意TableView的变化：

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.TableColumn?>
<?import javafx.scene.control.TableView?>
<?import javafx.scene.layout.AnchorPane?>

<?import javafx.scene.control.cell.PropertyValueFactory?>
<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity"
            minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/11.0.1"
           xmlns:fx="http://javafx.com/fxml/1"  
           fx:controller="xml_tabel_1.Controller"> <!-- need to specify the controller of the fxml -->
  <TableView items="${controller.people}"> <!-- need to specify the name of the observable list -->
        <columns>
          <TableColumn prefWidth="75.0" text="age">

            <cellValueFactory>
                <PropertyValueFactory property="age" />
            </cellValueFactory>
          </TableColumn>
            <TableColumn prefWidth="75.0" text="name">
                <cellValueFactory>
                    <PropertyValueFactory property="name" />
                </cellValueFactory>
            </TableColumn>
        </columns>
      </TableView>
</AnchorPane>

您需要在控制器中做的就是填充可观察列表并为其设置一个公共 getter：

import java.net.URL;
import java.util.ResourceBundle;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.fxml.Initializable;

public class Controller implements Initializable {

    private final ObservableList<Person> people = FXCollections.observableArrayList();
    //all this was already set in fxml 
    //@FXML private TableView<Person> table;
    //@FXML private TableColumn<Person, SimpleStringProperty> c1;
    //@FXML private TableColumn<Person, SimpleStringProperty> c2;

    @Override
    public void initialize(URL location, ResourceBundle resources) {
        people.add(new Person("2", "Sam"));
        people.add(new Person("1", "Met"));
    }

    //add a getter to people 
    public ObservableList<Person> getPeople() {
        return people ;
    }
}