zoukankan      html  css  js  c++  java
  • element ui中表格table翻页记忆勾选状态

     <el-table ref="multipleTable" :data="datalist" style="100%" @select="handleselectRow" @select-all="handleselectAll" size="small" >
      <el-table-column type="selection" prop="houseId" align="center"></el-table-column>
    </el-table>
      //初始化列表数据
     init(currentPage, pageSize) {
          let _this = this;
          let parmas = {
            currentPage: currentPage,
            pageSize: pageSize,
            communityId: this.form.communityId,
            companyId: this.form.companyId
          };
    
          // this.Utils.exeuhttpResquestGet(this.apiUrls.communityManagement.getTableData, {}, result => {
          _this.Utils.exeuhttpResquestPost(this.apiUrls.rate.selectHouseInfoRate, parmas, result => {
            _this.datalist = result.data.data.dataList;
            _this.total = result.data.data.totalCount;
            _this.$nextTick(function () {
              _this.memoryChecked();
            })
          });
        },
        //行选中函数  若有删除,若无添加
        handleselectRow(selection, row) {
          if (this.selectObj[row.houseId]) {
            delete this.selectObj[row.houseId]
          } else {
            this.selectObj[row.houseId] = row.houseId
          }
        },
        //全选函数  点击全选遍历当页数据若无添加,若是反选则删除(判断是否是全选还是反选)
        handleselectAll(selection) {
          this.datalist.forEach((row, index) => {
            if (this.selectObj.hasOwnProperty(row.houseId)) {
              selection.length ? null : delete this.selectObj[row.houseId]
            } else {
              this.selectObj[row.houseId] = row.houseId
            }
          });
        },
        //记忆函数
        memoryChecked(){
          this.datalist.forEach((row, index) => {
            if (this.selectObj.hasOwnProperty(row.houseId)) {
              this.$refs.multipleTable.toggleRowSelection(row, true);    
            } else {
              this.$refs.multipleTable.toggleRowSelection(row, false);
            }
          });
        },
    

      

  • 相关阅读:
    VirtualBox 使用技巧
    ThreadPoolExecutor 线程池任务队列分析 与 利特尔法则(Little's law)
    AQS 与 LockSupport
    Matrix
    Fire Net
    Travelling
    Cannon
    N皇后问题
    Safecracker
    #include <algorithm>中sort的一般用法
  • 原文地址:https://www.cnblogs.com/samsara-yx/p/11236713.html
Copyright © 2011-2022 走看看