vue ant design table中rowSelection属性的应用


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

 

   


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM