iview表格全选禁止选中设置

14 篇文章 0 订阅

业务需求:

表格里面一键全选功能,但是有些数据可能不满足全选的需求,当点击全选时,不满足条件的默认不认其选中

代码如下

<Button type="info" class=" ml20 w100" :loading="loading3" @click="queryList(1)">
  <span v-if="!loading3">查询</span>
   <span v-else>查询</span>
</Button>
<div id="application_table " class="contentcss mt10">
   <div class="allchiose">
       <Button type="primary" @click='examine'>一键标记已读</Button>
    </div>
    <Table highlight-row border ref="selection" :columns="columns2" :data="data2" @on-selection-change="requires"></Table>
   <div class="tr mt15">
   <Page v-if="startRow1!=0" :total="total" :current="startRow2" :page-size="endRow2" @on-change="pageChange2" @on-page-size-change="pagesizechange2" show-sizer show-total></Page>
  </div>
</div>
//methods 里面的数据
methods:{
    queryList(startRow) {
        let data = {
          wordsBeginTime: new Date(this.beginTime2).valueOf(),
          wordsEndTime: new Date(this.endTime2).valueOf(),
          pageNum: startRow,
          pageSize: this.endRow2,
          swingOrderNo: this.orderNumber,
          readStatus:this.messageCode == "-1" ? "" : this.messageCode,
          wordsStatus: this.shieldCode=="-1"?"":this.shieldCode,
        };
        this.http
          .post(BASE_URL + "后台接口", data)
          .then(data => {
            if (data.code == "success") {
              this.loading3 = false;
              this.data2 = data.data.dataList;
              // this.data1[0]['_disabled'] = true
              //这里的就时给数据添加_disabled属性
              for(var i=0;i<this.data2.length;i++){
                if(this.data2[i].wordsStatus=='2' || this.data2[i].readStatus=='1'){
                  this.data2[i]['_disabled'] = true
                } 
              }
              this.total = data.data.total;
              this.startRow2 =
                Math.ceil(data.data.startRow / this.endRow2) == 0
                  ? 1
                  : Math.ceil(data.data.startRow / this.endRow2);
            } else {
              this.loading3 = false;
            }
          })
          .catch(err => {
            console.log(err);
          });
    }
}

 

iView表格组件是一种基于Vue.js的适用于管理和展示数据的强大工具。它提供了一种嵌套表格的功能,使得我们可以在表格的某一列中再次引入一个子表格,并且可以固定某些列使其在水平滚动时保持固定位置。 要实现表格嵌套表格固定列,我们需要使用iView提供的`fixed`属性。首先,我们可以通过在主表格的列定义中设置`fixed`属性为left或right来固定列。这将使得指定的列固定在表格的左侧或右侧位置。 然后,在主表格的某一列中,我们可以使用嵌套表格的方式来创建一个子表格。通过在该列的slot中使用`<template>`标签,并添加相应的标识,我们可以在该slot中引入子表格。 对于子表格,我们也可以设置任意多个列,并通过设置`fixed`属性来决定哪些列需要固定。这样,当主表格进行水平滚动时,固定列将始终保持在其指定的位置上。 需要注意的是,表格的父子之间的关系是通过唯一的`expand`字段来确定的。通过在主表格的列定义中加入一个`type=expand`的列,我们可以在展开子表格时将数据传递给子表格。然后,子表格将根据传递的数据显示相应的内容。 总之,通过合理地使用iView表格组件提供的`fixed`属性,我们可以实现表格嵌套表格固定列的功能。这种功能在需要同时展示父子表格数据并保持固定列位置时非常有用。同时,iView的文档和示例也会提供更详细的使用方法和示例代码。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

沫熙瑾年

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值