Question

我正在尝试将我的程序绑定到SceneBuilder中设计的GUI。我设法得到了我的账户。 ID在最左侧列表中显示为所需。

现在我需要让TableView正常工作，但我没有运气来填充数据。

它应包含来自Invoice.class＆＃39;的字段中的数据，在每个Account对象中都有一个Set - 这个集合将显示在右侧TableView中的不同行上。

非常感谢任何帮助！

P.S。原谅我，我知道之前已经多次询问过，但所有其他解决方案似乎对我不起作用我试过在参数中添加类型，如;

  tableAccount.setCellValueFactory(new PropertyValueFactory<Invoice, Account>("id"));

没有运气，真的很沮丧。我从昨晚开始搞乱了，完全没有改进，所以在这里张贴是我的最后一招。

Controller.class

public class Controller implements Initializable{
    final ObservableList<Account> tableContent = FXCollections.observableArrayList(new Account("A", "B"));
    @FXML
    private TableView<?> tableView;
    @FXML
    private TableColumn<?, ?> tableAccount;
    @FXML
    private TableColumn<?, ?> tableDate;
    @FXML
    private TableColumn<?, ?> tableTime;
    @FXML
    private TableColumn<?, ?> tableTotal;
    @FXML
    private TableColumn<?, ?> tableNotes;
    @FXML
    private ListView<String> list;
    @FXML
    private TextArea invoiceView;
    @FXML
    private TextField amountField;
    @FXML
    private Button addAmount;
    @FXML
    private Button newInvoice;
    @FXML
    private Button saveInvoice;
    @FXML
    private Button deleteInvoice;
    @FXML
    private Label messageBar;

    @Override
    public void initialize(URL location, ResourceBundle resources) {
        //list.setPlaceholder(new Label("No Content In List"));

        setAccountsList();
        //tableView = new TableView<>(names);
        Account ac1 = new Account("A-02", "Tina", "96 Grove Vale", "London", "N1 8PT");
        Invoice inv = ac1.newInvoice();
        InvoiceCalculator calc = new InvoiceCalculator();
        inv.add(4.50);
        inv.add(4.50);
        inv.add(3.00);
        inv.add(15.00);
        calc.calculateInvoice(inv);

        setTableView(ac1);


    }

    private void setTableView(Account a) {
        tableView = new TableView<>();
        tableAccount.setCellValueFactory(new PropertyValueFactory<>("id"));
        tableDate.setCellValueFactory(new PropertyValueFactory<>("date"));
        tableTime.setCellValueFactory(new PropertyValueFactory<>("time"));
        tableTotal.setCellValueFactory(new PropertyValueFactory<>("total"));
        tableNotes.setCellValueFactory(new PropertyValueFactory<>("notes"));

        //tableView.setItems(setTableAccounts());
    }

    @FXML
    public void listViewSelected() {
        list.getSelectionModel().getSelectedItem();
       // newInvoice.setText(list.getSelectionModel().getSelectedItem());
    }

    @FXML
    public void newInvoiceFired() {
        System.out.println("new invoice button has been clicked");
    }

    @FXML
    public void deleteInvoiceFired() {
        System.out.println("delete invoice button has been clicked");

    }
    @FXML
    public void saveInvoiceFired() {
        System.out.println("save invoice button has been clicked");

    }

    public void setAccountsList(){
        ObservableList<String> names = FXCollections.observableArrayList();
        names.addAll(Main.getAllAccounts().stream().map(Account::getId).collect(Collectors.toList()));
        list.setItems(names);
        names.add("T-112");
    }

    public ObservableList<Account> setTableAccounts(){
        ObservableList<Account> names = FXCollections.observableArrayList();
        names.addAll(Main.getAllAccounts());
        return names;
    }

}

Account.class

public class Account {
    private String id;
    private String name;
    private String address1;
    private String address2;
    private String postCode;
    private Set<Invoice> invoiceArchive = new HashSet<>();

    public Account(String id, String name, String address1, String address2, String postCode) {
        this.id = id;
        this.name = name;
        this.address1 = address1;
        this.address2 = address2;
        this.postCode = postCode;
        Main.addAccount(this);
    }

    public Account(String id, String name, String address1, String postCode) {
        this.id = id;
        this.name = name;
        this.address1 = address1;
        this.postCode = postCode;
    }

    public Account(String name, String id) {
        this.name = name;
        this.id = id;
    }

    public String getId() {

        return id;
    }

    public void setId(String id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

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

    public String getAddress1() {
        return address1;
    }

    public void setAddress1(String address1) {
        this.address1 = address1;
    }

    public String getAddress2() {
        return address2;
    }

    public void setAddress2(String address2) {
        this.address2 = address2;
    }

    public String getPostCode() {
        return postCode;
    }

    public void setPostCode(String postCode) {
        this.postCode = postCode;
    }

    public Set<Invoice> getInvoiceArchive() {
        return invoiceArchive;
    }

    public Invoice newInvoice(){
        Invoice i = new Invoice(this);
        invoiceArchive.add(i);
        return i;
    }

    @Override
    public String toString(){
        return this.getId();
    }
}

Invoice.class的

public class Invoice {
    private Account id;
    private ArrayList<Double> invoiceAmounts;
    private double invoiceTotal;
    private String date;
    private String time;
    private String notes;
    private String modified;
    DecimalFormat df = new DecimalFormat("#.00");



    public Invoice(Account id) {
        this.id = id;
        this.invoiceAmounts = new ArrayList<>();
        this.date = new SimpleDateFormat("dd/MM/yyyy HH:mm").format(Calendar.getInstance().getTime());
    }

    public String getDate() {
        return date;
    }

    public void setModified(String date) {
        this.modified = date;
    }

    public Account getId() {
        return id;
    }

    public void setId(Account id) {
        this.id = id;
    }

    public ArrayList<Double> getInvoiceAmounts() {
        return invoiceAmounts;
    }

    public void setInvoiceAmounts(ArrayList<Double> invoiceAmounts) {
        this.invoiceAmounts = invoiceAmounts;
    }

    public double getInvoiceTotal() {
        return invoiceTotal;
    }

    public void setInvoiceTotal(double invoiceTotal) {
        this.invoiceTotal = invoiceTotal;
    }

    public void add(Double d){
        invoiceAmounts.add(d);
    }

    private String returnInvoiceAmounts(){
        String result="";
        for (Double d:invoiceAmounts){
            result += "£"+df.format(d)+"\n";
        }
        return result;
    }

    @Override
    public String toString(){
        return "Account: "+id.getId()+
                "\nCreated: "+getDate()+"\n"+returnInvoiceAmounts()
                +"--------"+"\nTotal\n£"+df.format(invoiceTotal);
    }
}

GUI.fxml

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

<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.ListView?>
<?import javafx.scene.control.SplitPane?>
<?import javafx.scene.control.TableColumn?>
<?import javafx.scene.control.TableView?>
<?import javafx.scene.control.TextArea?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.image.Image?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.HBox?>

<AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="477.0" prefWidth="641.0" xmlns="http://javafx.com/javafx/8.0.65" xmlns:fx="http://javafx.com/fxml/1" fx:controller="Controller">
   <children>
      <SplitPane dividerPositions="0.24249999999999972" layoutY="50.0" prefHeight="427.0" prefWidth="641.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="50.0">
        <items>
          <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0">
               <children>
                  <ListView fx:id="list" layoutX="-24.0" layoutY="62.0" onKeyPressed="#listViewSelected" onKeyReleased="#listViewSelected" onMouseClicked="#listViewSelected" prefHeight="425.0" prefWidth="151.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
               </children>
            </AnchorPane>
          <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="445.0" prefWidth="411.0">
               <children>
                  <SplitPane dividerPositions="0.30023640661938533" layoutX="143.0" layoutY="123.0" orientation="VERTICAL" prefHeight="445.0" prefWidth="480.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
                    <items>
                      <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="100.0" prefWidth="160.0">
                           <children>
                              <TableView layoutX="128.0" layoutY="45.0" prefHeight="208.0" prefWidth="478.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
                                <columns>
                                    <TableColumn fx:id="tableAccount" prefWidth="75.0" text="Account" />
                                  <TableColumn fx:id="tableDate" prefWidth="75.0" text="Date" />
                                  <TableColumn fx:id="tableTime" prefWidth="75.0" text="Time" />
                                    <TableColumn fx:id="tableTotal" prefWidth="75.0" text="Amount" />
                                    <TableColumn fx:id="tableNotes" prefWidth="75.0" text="Notes" />
                                </columns>
                              </TableView>
                           </children>
                        </AnchorPane>
                      <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="286.0" prefWidth="478.0">
                           <children>
                              <SplitPane dividerPositions="0.4474789915966387" layoutX="168.0" layoutY="48.0" prefHeight="292.0" prefWidth="478.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
                                <items>
                                  <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0">
                                       <children>
                                          <TextArea fx:id="invoiceView" layoutX="5.0" layoutY="14.0" prefHeight="290.0" prefWidth="209.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
                                       </children>
                                    </AnchorPane>
                                  <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0">
                                       <children>
                                          <TextField fx:id="amountField" layoutX="82.0" layoutY="86.0" prefHeight="27.0" prefWidth="104.0" promptText="0.00" />
                                          <Button fx:id="addAmount" layoutX="195.0" layoutY="86.0" mnemonicParsing="false" text="Add" />
                                          <Label layoutX="14.0" layoutY="91.0" text="Amount: : " />
                                       </children>
                                    </AnchorPane>
                                </items>
                              </SplitPane>
                           </children>
                        </AnchorPane>
                    </items>
                  </SplitPane>
               </children>
            </AnchorPane>
        </items>
      </SplitPane>
      <ImageView fitHeight="150.0" fitWidth="200.0" layoutX="14.0" layoutY="11.0" pickOnBounds="true" preserveRatio="true">
         <image>
            <Image url="@Icon/Logo.png" />
         </image>
      </ImageView>
      <HBox alignment="CENTER_RIGHT" layoutX="462.0" layoutY="14.0" spacing="15.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="14.0">
         <children>
            <Button fx:id="newInvoice" mnemonicParsing="false" onAction="#newInvoiceFired" text="New" />
            <Button fx:id="saveInvoice" mnemonicParsing="false" onAction="#deleteInvoiceFired" text="Save" />
            <Button fx:id="deleteInvoice" mnemonicParsing="false" onAction="#deleteInvoiceFired" text="Delete" />
         </children>
      </HBox>
   </children>
</AnchorPane>

** GUI Display **

Answer 1

首先，为您的字段使用正确的类型。由于表格中的每一行都是Invoice，因此您应该有一个TableView<Invoice>。由于tableAccount列显示类型为Account的{{1}}类型的属性，因此它应为Invoice等等TableColumn<Invoice, Account>，我假设（由于tableDate是date），因此String显示String类型的属性，因此它应为Invoice。等等，。然后，您将能够设置单元格值工厂，使用TableColumn<Invoice, String>（具有匹配类型），或者（可能更好）只使用lambda（即PropertyValueFactory）。

其次，不要创建新表！（您已经被告知这个here。）您的表在FXML文件中定义，并且在那里定义的表显示在UI中。在tableAccount.setCellValueFactory(cellData -> new SimpleObjectProperty<>(cellData.getValue().getId()));方法中，您可以创建一个新表并对其进行配置。但由于该表从未在UI中显示，因此您永远不会看到配置的结果。不要创建新表，只需配置您已有的表。

最后，你是如何尝试填充表格并不是很清楚。您说表中的每一行都是一张发票：这意味着setTableView会期望table.setItems(...)。你试图给它一个ObservableList<Invoice>。您需要在此处生成相应的发票列表（您尚未指定应该是什么）而不是ObservableList<Account>的列表。

这里可能还有其他错误，但这些错误最明显（对我而言），应该让你走上正轨。

Answer 2

我花了很长时间试图解决这个问题后，设法解决了这个问题。

似乎它很简单，在GUI.fxml中我没有为tableView分配一个ID因此它从未在控制器中初始化并且在设置时我收到了NullPointerException

TableView fx:id="tableView"

我为自己浪费这么多时间而生气，但这是我对fxml和javafx的第一次体验，所以学到了很多。

JavaFX：TableView没有显示在GUI

2 个答案: