zoukankan      html  css  js  c++  java
  • table组件选中数据回显

    table组件多选状态下,把已选择的数据回显,需要在多选列上加上一个属性 :reserve-selection="true"

    实例如下:

    <el-table :data="table.records" height="98%" ref="tbl" :row-key="getRowKeys" :row-class-name="tableRowClassName" @select="selectSomRow">
                    <el-table-column type="selection" :reserve-selection="true" align="center" width="55"></el-table-column>
                    <el-table-column sortable prop="EMP_CODE" label="员工代码" width="150"></el-table-column>
                    <el-table-column sortable prop="EMP_NAME" label="员工姓名" width="150"></el-table-column>
                    <el-table-column sortable prop="DPT_NAME" label="所属机构" width="150"></el-table-column>
                    <el-table-column sortable prop="POSITION_NAME" label="所在岗位" width="150"></el-table-column>
                    <el-table-column sortable prop="DUTY_START_DATE" label="任职起期" width="150"></el-table-column>
                    <el-table-column sortable prop="DUTY_END_DATE" label="任职止期" width="150"></el-table-column>
                    <el-table-column sortable prop="EMP_ENT_DATE" label="入司日期" width="150"></el-table-column>
                    <el-table-column sortable prop="EMP_LEV_DATE" label="离司日期" width="150"></el-table-column>
                </el-table>

    显示:

     除此之外,还需要加上另一个属性 :row-key="getRowKeys" ,该属性值是一个方法,getRowKeys是自己定义的方法,表示区分每一行的唯一主键,

    // 获取row的key值
    getRowKeys(row) {
    return row.EMP_CODE;
    },
  • 相关阅读:
    JSP 和Servlet 有有什么关系?
    转发(forward)和重定向(redirect)的区别?
    get和post请求的区别?
    软件的三大类型-单机类型、BS类型、CS类型
    Redis集群搭建
    Tomcat网站上的core和deployer的区别
    spring 事务处理
    mybatis ${}与#{}的区别
    Quartz--Spring 定时任务
    @JsonSerialize @JsonIgnoreProperties @JsonIgnore @JsonFormat
  • 原文地址:https://www.cnblogs.com/motong/p/10405071.html
Copyright © 2011-2022 走看看