zoukankan      html  css  js  c++  java
  • Ant design vue table 单击行选中 勾选checkbox

    最近了解Ant design 设计table 单击行选中checkedbox功能,相比于element的 @row-click 再触发toggleRowSelection,ant design的api就没那么清晰了,言归正传

    期望:Ant design table 单击行选中 勾选checkedbox

    实现:

    单选: 
    onClickRow(record) {
        return {
            on: {
                click: () => {
                    let keys = [];
                    keys.push(record.id); 
                    this.selectedRowKeys = keys;
                }
            }
        }
    }
    多选:
    onClickRowMulti(record) { 
    return { 
       on: { 
          click: () => { 
              let rowKeys=this.selectedRowKeys
              if(rowKeys.length>0 && rowKeys.includes(record.id)){
                rowKeys.splice(rowKeys.indexOf(record.id),1)
              }else{
               rowKeys.push(record.id)
              }
              this.selectedRowKeys = rowKeys; 
            } 
          } 
       } 
    }
  • 相关阅读:
    EasyUI
    EasyUI
    EasyUI
    django MTV架构下的网站开发步骤
    Centos7下安装python3
    python 线程间事件通知
    hadoop MapReduce
    hadoop文件配置
    DataFrame 数据去重
    用selenium获取cookies
  • 原文地址:https://www.cnblogs.com/z-y-zone/p/13367360.html
Copyright © 2011-2022 走看看