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