如何在JavaFX和FXML的表格视图中创建一个带有所有复选框选择的复选框?

时间:2019-05-09 05:29:17

标签: java javafx tableview fxml

UsersApp

大家好。面对这样的问题。单击顶部的复选框时,有必要切换表中整个列表旁边的框中的复选框。然后,当您单击按钮时,删除选定的记录,然后从MySQL数据库中删除选定的记录。

这是完成的操作。

PersonUnpersonValueFactoryController.java

package usersapp.controller;

import javafx.beans.property.SimpleObjectProperty;
import javafx.beans.value.ObservableValue;
import javafx.collections.ObservableList;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.scene.control.CheckBox;
import javafx.scene.control.TableColumn;
import javafx.util.Callback;
import usersapp.model.Person;

public class PersonUnpersonValueFactory implements Callback<TableColumn.CellDataFeatures<Person, CheckBox>, ObservableValue<CheckBox>> {

    @Override
    public ObservableValue<CheckBox> call(TableColumn.CellDataFeatures<Person, CheckBox> param) {
        Person person = param.getValue();
        CheckBox checkBox = new CheckBox();
        checkBox.selectedProperty().setValue(person.isUnperson());

        checkBox.selectedProperty().addListener((ov, old_val, new_val) -> {
            person.setUnperson(new_val);
            System.out.println(new_val);
        });
        return new SimpleObjectProperty<>(checkBox);
    }
}

Person.java

public class Person {

private Boolean unperson;

    ...

    //unperson
    public Boolean isUnperson() {
        return this.unperson;
    }

    public void setUnperson(Boolean unperson){
        this.unperson = unperson;
    }

    ...

}

PersonView.fxml

<?import usersapp.controller.PersonUnpersonValueFactory?>

...

<TableView fx:id="personTable" editable="true" layoutX="7.0" layoutY="53.0" prefHeight="285.0" prefWidth="378.0" tableMenuButtonVisible="true" AnchorPane.bottomAnchor="4.0" AnchorPane.leftAnchor="7.0" AnchorPane.rightAnchor="7.0" AnchorPane.topAnchor="53.0">
                     <columns>
                        <TableColumn prefWidth="50.0" style="-fx-alignment: CENTER;">
                           <cellValueFactory>
                              <PersonUnpersonValueFactory />
                           </cellValueFactory>
                           <graphic>
                              <CheckBox mnemonicParsing="false" />
                           </graphic>
                        </TableColumn>
                        ...
                     </columns>
                  </TableView>

我将非常感谢您的帮助。

1 个答案:

答案 0 :(得分:3)

您只需要在“母版” CheckBox上放置一个侦听器即可观看selectedProperty的更改。然后,您可以使用它来遍历TableView项并更新其selectedProperty

  

请注意,由于您提供的代码有限,我需要对数据模型的构造方式进行一些假设。

checkBox.selectedProperty().addListener((observable, oldValue, newValue) -> {

    // Loop through entire TableView to set the selected property for each Item
    for (Item item : tableView.getItems()) {
        item.setSelected(newValue);
    }
});