vue ant design table中rowSelection属性的应用

· 编程学习 · 26943

1.当table中添加单选框时

        <a-table
          :rowSelection="{type:'radio',onChange:onSelectChange,selectedRowKeys}"
        ></a-table>

2.点击行时能选中整行的内容

  <a-table
          :customRow="handleCheck"
          :rowSelection="{type:'radio',onChange:onSelectChange,selectedRowKeys}"    
   ></a-table>


    handleCheck(record, index) {
      return {
        on: {
          click: () => {
            let code = this.modeType;
            if (this.selectedRowKeys) {
              this.selectedRowKeys = [];
            }
            if (this.selectedRows) {
              this.selectedRows = [];
            }
            this.selectedRowKeys.push(record[code]);
            this.selectedRows.push(record);
          }
        }
      };
    },

3.当table在弹框中时，选中的内容没有点击确定时，在打开弹框应该显示已经选中的内容而不是显示上次取消时选中的内容

   答：因为使table处于选中状态是因为 this.selectedRowKeys 和this.selectedRows里面有值，所以我们需要在定义两个数组，数组saveRows 和saveRowKeys，

   当点击确定使将this.selectedRowKeys 和this.selectedRows赋值给saveRows 和saveRowKeys

   当打开弹框时将saveRows 和saveRowKeys赋值给this.selectedRowKeys 和this.selectedRows

 

   

相关推荐：

如何在对象属性批量更新后仅执行一次回调函数

本文介绍一种优雅的python设计模式：通过私有属性+只读属性+显式update()方法，确保对象状态变更时回调函数（如数据校验、视图刷新等）仅被触发一次，避免重复计算，同时保持ide类型提示与代码可维护性。 本文介绍一种优雅的python设计模式：通过私有属性+只读属性+显式update()方法，...

如何确保对象属性批量更新后仅触发一次回调函数

本文介绍一种优雅的Python设计方案：通过禁用直接属性赋值+提供类型安全的update()方法，实现在多个属性变更后统一、且仅执行一次回调函数，兼顾IDE智能提示、代码可维护性与运行时可靠性。 本文介绍一种优雅的python设计方案：通过禁用直接属性赋值+提供类型安全的`update()`方法，实...

SimPy 容器资源 level 属性的更新时机与事件驱动调度机制解析

SimPy中Container.level的值并非实时反映“逻辑上当前时刻”的容量状态，而是严格遵循离散事件仿真中事件触发与协程挂起/恢复的时序逻辑；其看似异常的跳变源于yield导致的进程切换与属性读取时机错位，需通过监听事件回调或封装访问逻辑来获取准确的状态快照。 simpy中`containe...