zk页面每行数据的选中与取消选中

首先，上面这张图片页面每行数据的选中与取消选中以及全选的示例。全选包括所有行的数据，而不是本页的数据。好了，接下来看看代码是如何实现的吧。

一、页面代码（*.zul）

 <cell>

    <checkbox checked="@load(vm.getIntChecked(each.id))"         onCheck="@command('onCheckInt',nid=each.id,ischeck=self.checked,colName='id')" />

 </cell>

checked的值为true或false，用于选中多选框。onCheckInt事件用于将colName='id'保存到后台list中便于后续操作。

二、后台代码

  后台代码一般最好写在基类之中，避免子类重复冗余代码。

    /**
     * @category 多选按钮方法
     * @param newsid 点击的id
     * @param ischeck 选择/取消
     * @param colName当newsid=-1时 为全选 全选当前basicList中的colName列添加checkedintids中
     */
     @Command
  @NotifyChange({ "basicList" })//通知basicList（查询的结果）
  public void onCheckInt(@BindingParam("nid") Integer newsid,
             @BindingParam("ischeck") boolean ischeck) {
        if (ischeck) {
            if (newsid != null){
                if(newsid == -1 ){

                  //当为全选时，遍历整个basicList（查询的结果），将id存入checkedintids中

                    for(T gv: (ListModelList<T>) basicList.getInnerList())
                       checkedintids.add((Integer)gv.id());
                }else
                    checkedintids.add(newsid);
            }
        } else {
            if (newsid != null){
                if(newsid == -1 ){
                    checkedintids.clear();
                }else{
                    checkedintids.remove(newsid);
  }

              }

        }
    }

    /**
     * 用于回显已经选中的行
     * @param checkid  每行数据的id值
     * @return
     */

  public boolean getIntChecked(Integer checkid) {

       //当传进来的id在checkedintids里面存在时，表示已选中

        return checkedintids.contains(checkid);
     }