elementUITable的多选框:分页选择数据回显,分页保存选中的数据。

<template>
    <el-table @selection-change="handleSelectionChange" :row-key="getRowKeys">
        <!--type必须是selection的一列设置reserve-selection属性-->
      <el-table-column type="selection" :reserve-selection="true" width="40" align="center"></el-table-column>
      <el-table-column props="name" align="center"></el-table-column>
    </el-table>
</template>

<script>
     export default {
         data: {
             selection:[{name: ‘张三‘, id: 1}, {name: ‘李四‘, id: 2}]
         },
         methods: {
             handleSelectionChange (val) {
                 this.selection = val;
             },
             getRowKeys (row) {
                 return row.id; // id为列表数据的唯一标识
             }
         }
     }
</script>

原文地址:https://www.cnblogs.com/zhaoxiaoying/p/10840405.html

时间: 2024-08-01 11:00:11

elementUITable的多选框:分页选择数据回显,分页保存选中的数据。的相关文章

Ztree菜单树数据回显

Ztree菜单树数据回显,分两部分查询数据: 其一: 根据实体id查询出其关联的菜单数据 其二: 查询所有的菜单数据. 然后,使用Ztree API中进行菜单数据回显的数据进行回显数据,勾选菜单复选框. 代码 1 //2.设置菜单树的全局变量 2 var setting = { 3 data : { 4 key : { 5 title : "t" 6 }, 7 simpleData : { //开启简单数据 8 enable : true, 9 } 10 }, 11 check : {

springmvc学习笔记(15)-数据回显

springmvc学习笔记(15)-数据回显 springmvc学习笔记15-数据回显 pojo数据回显方法 简单类型数据回显 本文介绍springmvc中数据回显的几种实现方法 数据回显:提交后,如果出现错误,将刚才提交的数据回显到刚才的提交页面. pojo数据回显方法 1.springmvc默认对pojo数据进行回显. pojo数据传入controller方法后,springmvc自动将pojo数据放到request域,key等于pojo类型(首字母小写) 使用@ModelAttribute

ExtJS表格——行号、复选框、选择模型

本篇的内容是为表格添加行号,和复选框,最后谈一下Ext的选择模型.内容比较简单,就直接上代码了.一. 设置行号   行号的设置主要问题在于删除某一行后需要重新计算行号  Ext.onReady(function() {         var cm = new Ext.grid.ColumnModel([                     new Ext.grid.RowNumberer(),           --在这里设置行号                    { header:

jquery实现多选框只能选择一个

jquery代码如下: 1 $(":checkbox").bind("click",function(){ 2 $(":checkbox").removeAttr("checked");//取消全选 3 $(this).attr("checked","checked");//选择一个 4 }); jquery实现多选框只能选择一个

ElementUI表格多选框根据后端传来的数据进行数据回显

前端部分代码:重要的是ref="multipleTable"和this.$refs.multipleTable.toggleRowSelection(需要勾选的行数据,是否勾选) <el-table :data="items" //这个items是我定义的数据,用于接收后端传来的表格数据(items里面包含多个对象数据),表格遍历显示 :row-key="getRowKey" //多选框时是必要的 @selection-change=&qu

&lt;select&gt;多选时的数据回显

<select>标签有个属性为multiple,当设置multiple="true"时,在页面上可以按住ctrl键进行多选,在Action中可以给一个string类型的数组来获取前台的值,例子如下: 在action中给出set/get方法即可.然后根据数据库中的字段,添加到对象中即可. 但是在数据修改的时候,从数据库中查找到的是一个用逗号分隔的字符串,因此在回显之前需要做一些处理. s1是后台返回到前台的json对象,通过逗号将数据库查到的字符串拆分一下,然后拿到<s

swing jtree 添加了复选框的树,利用了递归获取选中的果实

原文:swing jtree 添加了复选框的树,利用了递归获取选中的果实 源代码下载地址:http://www.zuidaima.com/share/1553270755478528.htm 矿泉水2013-11-05 16:11:37 swing jtree 添加了复选框的树,利用了递归获取选中的果实

组合条件查询的数据回显问题

1.    对于一般的文本框直接将输入的添加到request域中回显. // 组装名称 String queryName = request.getParameter("queryName"); // 如果是点击页号提交方式为get提交进行转码 if (getTag != null && !"".equals(getTag.trim())) { queryName = new String(queryName.getBytes("iso-8

Select2插件ajax方式加载数据并刷新页面数据回显

今天在优化项目当中,有个要在下拉框中搜索数据的需求:最后选择使用selec2进行开发: 官网:http://select2.github.io/ 演示: 准备工作: 文件需要引入select2.full.js.select2.min.css(4.0.1版本)和jquery.1.8.3及以上 注意:最新版本的select2如果引用的jquery版本较低的话,某些功能无法正常使用. HTML代码 <select id="c01-select" class="select2&

&lt;radio&gt;数据回显

在做练习的时候遇到这样一组<radio> 添加保存数据的时候是JUST  SO  EASY,BUT在修改数据回显的时候,因为返回的对象是JSON,获取到radio的value值之后怎么也不能让页面正常显示选择的数据, 上网查了一种方法,把我的问题解决了,现在分享给大家,希望能帮到更多的人.方法如下: 其中ss是后台返回的JSON对象. 不知道大家有没有更好的办法,欢迎回复.