JavaFx,实现CheckBox复选框的全选和全不选

JavaFx,实现CheckBox复选框的全选和全不选。子复选框单个全部选择后,全选框也会被选择;子复选框单个全部不选后,全选框也会被不选。

fxml文件中:

<CheckBox fx:id="selectAll" onAction="#selectBox" layoutY="77.0" visible="true" mnemonicParsing="false" prefHeight="23.0" prefWidth="92.0" text="全选" />
<TableView fx:id="table" stylesheets="/css/userInfoTab.css" AnchorPane.bottomAnchor="0.0"  AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="100.0">
   <columns>
       <TableColumn fx:id="select" visible="true" prefWidth="60.0" text="选择"> </TableColumn>
       <TableColumn prefWidth="110.0" text="姓名">
           <cellValueFactory>
               <PropertyValueFactory property="name" />
           </cellValueFactory>
       </TableColumn>
   </columns>
   <columnResizePolicy>
       <TableView fx:constant="CONSTRAINED_RESIZE_POLICY" />
   </columnResizePolicy>
</TableView>

Controller文件中:

@FXML private TableView<CxCadreInfo> table;
@FXML private CheckBox selectAll;
@FXML private TableColumn<CxCadreInfo, CheckBox> select;
/**
 * 全选框触发事件,勾选则所有checkbox复选框都勾选,不勾选则所有checkbox复选框不勾选
 */
public void selectBox(){
    ObservableList<CxCadreInfo> items = table.getItems();
    if (selectAll.isSelected()){
        for (CxCadreInfo cxCadreInfo:items){
            cxCadreInfo.cb.setSelect(true);
        }
    }else {
        for (CxCadreInfo cxCadreInfo:items){
            cxCadreInfo.cb.setSelect(false);
        }
    }
}

//在init初始化方法中写复选框监听事件

	//初始化所有checkbox复选框
    select.setCellValueFactory(cellData ->cellData.getValue().cb.getCheckBox());
    //初始化复选框-监听-所有checkbox复选框都勾选则全选框勾选,所有checkbox复选框不勾选则全选框不勾选
    Callback<TableColumn<CxCadreInfo, CheckBox>, TableCell<CxCadreInfo, CheckBox>> cellFactory1 =
            new Callback<TableColumn<CxCadreInfo, CheckBox>, TableCell<CxCadreInfo, CheckBox>>() {
                public TableCell call(TableColumn p) {
                    TableCell cell = new TableCell<CxCadreInfo, CheckBox>() {
                        @Override
                        public void updateItem(CheckBox item, boolean empty) {
                            super.updateItem(item, empty);
                            setGraphic(item);
                            if (item!= null) {
                                item.selectedProperty().addListener(new ChangeListener<Boolean>() {
                                    @Override
                                    public void changed(ObservableValue<? extends Boolean> observable, Boolean oldValue, Boolean newValue) {
                                        boolean booSelectAll = true;
                                        ObservableList<CxCadreInfo> items2 = table.getItems();
                                        for (CxCadreInfo cxCadreInfo2:items2){
                                            if (!cxCadreInfo2.cb.isSelected()) {
                                                booSelectAll = false;
                                                break;
                                            }
                                        }
                                        selectAll.setSelected(booSelectAll);
                                    }
                                });
                            }
                        }
                    };
                    return cell;
                }
            };
    select.setCellFactory(cellFactory1);

效果:

在这里插入图片描述
在这里插入图片描述

  • 4
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小言W

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值