文档章节

tabel 中含有复选框的列 数据理解

everthing
 everthing
发布于 08/23 16:59
字数 237
阅读 25
收藏 0

1、el-ui中实现某一列为复选框

  • 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可;

2、@selection-change事件:选项发生勾选状态变化时触发该事件

<el-table
       @selection-change="handleSelectionChange"
        ref="multipleTable"
        :key="tableKey"
        :data="tableData"
        row-key="id"
        v-loading="tableLoading"
        element-loading-text="给我一点时间"
        fit
        size="mini"
        tooltip-effect="dark"
        style="width: 100%;font-size: 12px;margin-bottom:15px;border-radius:3px;"
        :header-cell-style="tableHeaderColor">

</el-table>

监听的方法

handleSelectionChange(val) {   // 返回值val是选中行数据的集合
      this.multipleSelection = val.map(item => item.id);
      this.isProcurementStatus = val.map(item => item.procurementStatus);
      this.forDialogTitle = val.map(item => item.purchaseProject);
    }

注意如果复选框全选时,val的值即和table绑定的tableData一致。选中某一行,val的值就是tableData数组中对应下标的值

© 著作权归作者所有

everthing
粉丝 0
博文 11
码字总数 3036
作品 0
合肥
私信 提问
sql--DDL_建表

一、DDL:定义构成数据库的结构信息 对象:表,试图,系统,同义词,索引过程,函数,触发器 1、表分类 堆表 分区表 簇表 外部表 引用外部表 ,不占用磁盘空间 导入外部表,存在文件或磁盘空间...

柳白子
2016/11/25
8
0
jQuery EasyUI使用教程之在数据网格中添加复选框

<jQuery EasyUI最新试用版免费下载> 本教程为您演示如何放置一个复选框到数据网格中。通过复选框用户将可以选择选中/取消选中网格行数据。 查看jQuery EasyUI演示 想要添加一个复选框列,用户...

Miss_Hello_World
2016/02/04
273
0
【更新】Essential Studio for ASP.NET MVC更新至2018 v4(四)

下载Essential Studio for ASP.NET MVC最新版本 Essential Studio for ASP.NET MVC控件包是一款MVC界面开发包,它包含了几乎所有企业级Web应用程序开发所需要的控件,如Grids、 Charts、Gau...

电池盒
2018/12/27
8
0
JQuery Easy Ui dataGrid 数据表格

数据表格 - DataGrid 内容 概况 使用方法 数据表格属性 数据列属性 编辑 数据视图 事件 方法 继承$.fn.panel.defaults,使用$.fn.datagrid.defaults重载默认值。. 数据表格显示的数据以表格的...

Amamatthew
2014/09/19
106
0
Element源码分析系列6-Checkbox(复选框)

简介 复选框的逻辑比单选框更为复杂,代码量也更多,这里只介绍其与单选框不同的逻辑,其余的分析参考单选框 先上代码,官网代码点此 是不是看的一脸懵逼,最好是打开官网,对照checkbox用法一...

超级索尼子
2018/08/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

232. 用栈实现队列

使用栈实现队列的下列操作: push(x) -- 将一个元素放入队列的尾部。 pop() -- 从队列首部移除元素。 peek() -- 返回队列首部的元素。 empty() -- 返回队列是否为空。 示例: MyQueue queue =...

苏坡吴
22分钟前
2
0
spring boot 国际化

正如标题 ,这里主要向大家分享 spring boot 如何国际化 注意:四个文件目录结构 1.新建html 页面:International.html <!DOCTYPE html><html lang="en"><head> <meta charset="UT......

qimh
22分钟前
2
0
CSS

一、CSS概述 1、什么是CSS Cascading style sheets,层叠样式表、级联样式表,简称样式表 2、css的作用 设置HTML网页中元素的样式 3、HTML与CSS的关系 HTML:负责网页的搭建,内容展示--网页...

wytao1995
今天
6
0
二叉查找树的第 K 个结点

private TreeNode ret;private int cnt = 0;public TreeNode KthNode(TreeNode pRoot, int k) { inOrder(pRoot, k); return ret;}private void inOrder(TreeNode root......

Garphy
今天
4
0
windo8 weblogic

需要的软件包 现在安装jdk 则先进入你电脑自带jdk \bin目录下 然后java -jar 执行你的jar包就可以了 欢迎界面直接点击下一步,跳到更新界面,直接选择跳过 然后选择安装目录(注意:目录不要有...

恩多
今天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部