Question

左列：用于选择或取消选择行的复选框，默认情况下已选中。右列：表示直到（包括行）的所选行数的字符串。因此，取消选中一行中的复选框会更改下方行中的值。

错误：向下滚动到表格底部。取消选中带有邀请码74的行中的复选框。再次选择它。最后三个邀请码应再次阅读73,74和75。但很多时候，它们显示73,73,74或73,74,74。

错误并不总是发生！如果没有出现，使用表格的滚动条向上和向下滚动一下并重复上述步骤可以使其发生。

似乎这个bug只是可视化的 - 我把ObservableList的内容转储到控制台，它显示了正确的值。除了这个视觉故障，我的应用程序正常工作。单击窗口中的任何其他控件（例如，表格的滚动条）将表格中的邀请代码翻转为正确的值。切换到桌面上的另一个工作区并返回它也会显示正确的值。

Small image，显示左侧ObservableList的控制台转储，右侧的错误表。

问题，非常符合逻辑：我该如何压制这个错误！？

编辑：根据Kleopatra的建议抛出更多代码。谢谢！

MCV：

FXMLDocumentController.java

package invcodebug;

import java.net.URL;
import java.util.ResourceBundle;
import javafx.beans.value.ObservableValue;
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.CheckBoxTableCell;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.util.Callback;

public class FXMLDocumentController implements Initializable {
    @FXML private TableView<Person> personTable;
    @FXML private TableColumn<Person, Boolean> invitedCol;
    @FXML private TableColumn<Person, String> inviteCodeCol;
    private final ObservableList<Person> persons
            = FXCollections.observableArrayList();

    @Override
    public void initialize(URL location, ResourceBundle resources) {
        initPersonTable();
        populatePersons();
    }

    private void initPersonTable() {
        invitedCol.setCellValueFactory(new PropertyValueFactory<>("invited"));
        inviteCodeCol.setCellValueFactory(new PropertyValueFactory<>("inviteCode"));

        invitedCol.setCellFactory(CheckBoxTableCell.forTableColumn(new Callback<Integer, ObservableValue<Boolean>>() {
            @Override
            public ObservableValue<Boolean> call(Integer param) {
                doInvCode();

// SHOWS: underlying ObservableList has correct values
System.out.println("--------------------------");
for (Person p : persons) {
    System.out.println(p.isInvited() + " " + p.getInviteCode()
    );
}
                return persons.get(param).invitedProperty();
            }
        }));

        personTable.setItems(persons);
    }

    private void doInvCode() {
        int invCounter = 1;
        for (Person p : persons) {
            if (p.isInvited()) {
                p.setInviteCode(((Integer) invCounter).toString());
                invCounter++;
            } else p.setInviteCode("");
        }
    }

    private void populatePersons() {
        for (int i = 0; i < 75; i++) {
            persons.add(new Person(true, ""));
        }
    }
}

Person.java

package invcodebug;

import javafx.beans.property.SimpleBooleanProperty;
import javafx.beans.property.SimpleStringProperty;

public class Person {
    private final SimpleBooleanProperty  invited;
    private final SimpleStringProperty   inviteCode;

    public Person(boolean invited, String inviteCode) {
        this.invited = new SimpleBooleanProperty(invited);
        this.inviteCode = new SimpleStringProperty(inviteCode);
    }

    public boolean isInvited() {
        return invited.get();
    }
    public SimpleBooleanProperty invitedProperty() {
        return invited;
    }

    public String getInviteCode(){
        return inviteCode.get();
    }
    public void setInviteCode(String invCode) {
        this.inviteCode.set(invCode);
    }
    public SimpleStringProperty inviteCodeProperty() {
        return inviteCode;
    }
}

FXMLDocument.fxml

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

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

<AnchorPane id="AnchorPane" prefHeight="464.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8.0.65" xmlns:fx="http://javafx.com/fxml/1" fx:controller="invcodebug.FXMLDocumentController">
    <children>
        <TableView fx:id="personTable" editable="true" layoutX="26.0" layoutY="28.0" prefHeight="347.0" prefWidth="572.0" AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="20.0">
            <columns>
                <TableColumn fx:id="invitedCol" prefWidth="27.0" sortable="false" />
                <TableColumn fx:id="inviteCodeCol" editable="false" prefWidth="110.0" resizable="false" sortable="false" text="Invite Code" />
            </columns>
        </TableView>
    </children>
</AnchorPane>

InvCodeBug.java

package invcodebug;

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

public class InvCodeBug extends Application {

    @Override
    public void start(Stage stage) throws Exception {
        Parent root = FXMLLoader.load(getClass().getResource("FXMLDocument.fxml"));
        Scene scene = new Scene(root);
        stage.setScene(scene);
        stage.show();
    }

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

Answer 1

可能不是最技术性的答案，但是在personTable.requestFocus();方法的末尾使用doInvCode()，表格会在视觉上刷新，似乎可以解决问题。

如何在JavaFX TableView中解决这种视觉故障？

1 个答案: