JavaFX/FXML：TableView 在编辑项的情况下正确刷新，但在删除项的情况下不能正确刷新 (ArrayList->TableView)

问题描述

我正在处理一个更大的项目（与相当多的同学一起），我正在尝试显示一个 arrayList（我们在项目中一遍又一遍地使用哪种类型，所以我不会我不喜欢将所有这些更改为 ObservableLists 只是为了我相当小的问题）在 TableView 中。

我创建了一个较小的项目，只是为了解决问题的核心并向您展示：

在类 editMyGrades（连同同名的 fxml 文件）中，我想在 TableView 中显示我的 SUBJECT（-> String subjectName），每个都有其 GRADE（-> int Grade）。

初始化父根和 tableView，ArrayList 主题被转换为 ObservableList，然后加载到 TableView。

我真的很想从理论上了解，为什么更改 GRADEs 可以与 tableView 一起使用，但删除不行，并且要知道如何实际处理它；- )

在此先非常感谢您！

主类：

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

import java.util.ArrayList;

public class Main extends Application {
    private static ArrayList<Subject> subjects = new ArrayList<>();
    public static ArrayList<Subject> getSubjects () {return subjects;}

//    private static ObservableList<Subject> subjects = FXCollections.observableArrayList();
//    public static ObservableList<Subject> getSubjects () {return subjects;}


    public static void main (String[] args) {

        subjects.add(new Subject("computer science",2));
        subjects.add(new Subject("literature",4));

        launch (args);
    }

    public void start (Stage primaryStage) throws Exception {
        Parent root = FXMLLoader.load(getClass().getResource("/editMyGrades.fxml"));
        Scene scene = new Scene(root);
        primaryStage.setScene(scene);
        primaryStage.show();
    }
}

课程主题：

public class Subject {
    private String subjectName;
    private int grade;

    public Subject (String subjectName,int grade) {
        this.subjectName = subjectName;
        this.grade = grade;
    }

    public String getSubjectName () {return subjectName;}

    public int getGrade () {return grade;}

    public void setGrade (int grade) {this.grade = grade;}


}

控制类editMyGrades：

import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.scene.control.Button;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.control.TextField;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.scene.input.MouseEvent;

import java.util.ArrayList;

public class editMyGrades {

    Subject subjectToEdit;

    @FXML
    private TableView<Subject> tableView;

    @FXML
    private TableColumn<Subject,String> subjectCol;

    @FXML
    private TableColumn<Subject,Number> gradeCol;

    @FXML
    private TextField textField;

    @FXML
    private Button changeButton;

    @FXML
    private Button deleteButton;

    @FXML
    public void initialize() {
        subjectCol.setCellValueFactory(new PropertyValueFactory<>("subjectName"));
        gradeCol.setCellValueFactory(new PropertyValueFactory<>("grade"));

        //tableView.setItems (FXCollections.observableArrayList(Main.getSubjects()));
        ObservableList<Subject> subjects = FXCollections.observableArrayList(Main.getSubjects());
        tableView.setItems(subjects);
    }

    @FXML
    private void tableViewClicked(MouseEvent event) {
        if (event.getClickCount() == 2) {
            subjectToEdit = tableView.getSelectionModel().getSelectedItem();
            textField.setText ("" + tableView.getSelectionModel().getSelectedItem().getGrade());
        }
    }

    @FXML
    private void change(ActionEvent event) {
        subjectToEdit.setGrade(Integer.parseInt(textField.getText()));
        textField.clear();

        tableView.refresh();
    }

    @FXML
    private void delete (ActionEvent event) {
        Subject selectedSubject = tableView.getSelectionModel().getSelectedItem();
        ArrayList<Subject> subjects = Main.getSubjects();
        subjects.remove(selectedSubject);

        tableView.refresh();
    }

}

编辑MyGrades.fxml：

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

<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.TableColumn?>
<?import javafx.scene.control.TableView?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.VBox?>

<VBox 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="editMyGrades">
   <children>
      <Label text="change your grades!" />
      <HBox>
         <children>
            <TableView fx:id="tableView" onMouseClicked="#tableViewClicked" prefheight="200.0" prefWidth="518.0">
              <columns>
                <TableColumn fx:id="subjectCol" prefWidth="262.0" text="subject" />
                <TableColumn fx:id="gradeCol" minWidth="0.0" prefWidth="146.0" text="grade" />
              </columns>
            </TableView>
            <VBox alignment="CENTER">
               <children>
                  <Button mnemonicParsing="false" onAction="#delete" text="deleteButton" />
               </children>
            </VBox>
         </children>
      </HBox>
      <TextField fx:id="textField" maxWidth="100.0" />
      <Button fx:id="changeButton" mnemonicParsing="false" onAction="#change" text="Change!" />
   </children>
</VBox>

解决方法

使用 JavaFX 时，最好始终使用 FXCollections。

当您对 ArrayList 进行修改时，这些更改不会生成列表更改通知。您必须从 tableview 获取 ObservableList 并对其执行操作，因为它是由您的 ArrayList 支持的包装器（智能列表）。

非常感谢您的解释！事实上，在我真正的问题中，我使用的是 MVC，但 Controller 对象位于主 - 静态 - 中，而且看起来，它不能以其他方式完成。为了说明我的问题，我认为 id 不会有什么不同，如果我有一个带有列表的静态控制器对象或只是列表本身（也许我错了......）。现在，在尝试应用您告诉我的所有内容后，情况正好相反：tableView 显示删除内容，但没有更改。

只是 fxml 控件类 EditMyGrades：

import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.scene.control.Button;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.control.TextField;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.scene.input.MouseEvent;


public class EditMyGrades {

    private ObservableList<Subject> subjects = FXCollections.observableArrayList();

    private Subject subjectToEdit;

    @FXML
    private TableView<Subject> tableView;

    @FXML
    private TableColumn<Subject,String> subjectCol;

    @FXML
    private TableColumn<Subject,Number> gradeCol;

    @FXML
    private TextField textField;

    @FXML
    private Button changeButton;

    @FXML
    private Button deleteButton;

    @FXML
    public void initialize() {
        subjectCol.setCellValueFactory(new PropertyValueFactory<>("subjectName"));
        gradeCol.setCellValueFactory(new PropertyValueFactory<>("grade"));

        subjects.add(new Subject("computer science",2));
        subjects.add(new Subject("literature",4));

        tableView.setItems(subjects);
    }

    @FXML
    private void tableViewClicked(MouseEvent event) {
        if (event.getClickCount() == 2) {
            subjectToEdit = tableView.getSelectionModel().getSelectedItem();
            textField.setText ("" + tableView.getSelectionModel().getSelectedItem().getGrade());
        }
    }

    @FXML
    private void change(ActionEvent event) {
        subjectToEdit.setGrade(Integer.parseInt(textField.getText()));
        textField.clear();
    }

    @FXML
    private void delete (ActionEvent event) {
        ObservableList<Subject> subjects = tableView.getItems();
        Subject selectedSubject = tableView.getSelectionModel().getSelectedItem();
        subjects.remove(selectedSubject);
    }

}

arraylist java java javafx javafx observablelist tableview tableview tableview