-
layui的layui.table.cache只能获取当前页的所有数据问题解决(layui实现添加行操作遇到分页)
2020-12-18 16:38:23今天在使用layui数据表格的时候,我想实现一个添加行的操作,但是要添加... 先用最大的数据limit去table.reload,让所有的数据在同一页展示,并获取当前页的所有数据(此时获取的数据就是所有分页的数据)。然后添加行...今天在使用layui数据表格的时候,我想实现一个添加行的操作,但是要添加行就得先获得当前所有的数据,如果不分页的话layui.table.cache['test'];还可以获取所有的数据,
但是如果数据很多需要分页展示的话以上方法就只能获取当前页面的所有数据,此时如果再去添加行就会有问题。经过一番研究我想出了以下办法来解决。
先用最大的数据limit去table.reload,让所有的数据在同一页展示,并获取当前页的所有数据(此时获取的数据就是所有分页的数据)。然后添加行之后,再执行一次重载(此时
使用正常的分页数量)。这样虽然在后台逻辑上看是重载了两次,但是在使用者的角度去看是看不出来的,他只能看到最后一次重载的结果。
下面贴出解决代码:
function addRow(){ var page = $(".layui-laypage-skip").find("input").val(); //获取当前页码 layui.table.reload('test', { page: { limit: Number.MAX_VALUE ,curr: 1 } }); var tableData = layui.table.cache['test']; tableData.push(blankRow); /* 两次重载是为了解决 table.cache.basic只能获取当前页的数据的缺陷*/ layui.table.reload('test', { page: { limit: 10 ,curr: page } ,data: tableData }); }
-
layui-table表复选框勾选的所有行数据获取的例子
2020-10-16 09:59:39今天小编就为大家分享一篇layui-table表复选框勾选的所有行数据获取的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 -
layui table模块 获取表格中复选框选中的数据
2018-12-29 11:14:56table开启了复选框,获取所有选中的复选框中的表格数据,方法: layui.table.checkStatus('table1').data; // table1为表格idtable开启了复选框,获取所有选中的复选框中的表格数据,方法:
layui.table.checkStatus('table1').data; // table1为表格id
注:如果开启了分页,获取的只是当前页的数据
-
layui table 全选过滤_layui-table表复选框勾选的所有行数据获取的例子
2021-02-01 07:53:48项目需求,可以用复选框勾选项目进行提交,如下表IDID测试项标定参数标定值我们已经获取到了表中所有行的数据,全选,部分选都可行,不用选复选框遍历的方式去获取数据table.on('checkbox(test3)', function(obj){...项目需求,可以用复选框勾选项目进行提交,如下表
IDID测试项标定参数标定值
我们已经获取到了表中所有行的数据,全选,部分选都可行,不用选复选框遍历的方式去获取数据
table.on('checkbox(test3)', function(obj){
var checkStatus = table.checkStatus('test3');
console.log(checkStatus.data)//选中行数据
console.log(checkStatus.data.length)
})
$('.ttes').click(function () {
var index = parent.layer.getFrameIndex(window.name);
var checkStatus = table.checkStatus('test3');
console.log(checkStatus.data)//选中行数据
var items = checkStatus.data;
以上这篇layui-table表复选框勾选的所有行数据获取的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
-
layui table勾选框的修改_layui-table表复选框勾选的所有行数据获取的例子
2020-12-20 23:37:52项目需求,可以用复选框勾选项目进行提交,如下表IDID测试项标定参数标定值我们已经获取到了表中所有行的数据,全选,部分选都可行,不用选复选框遍历的方式去获取数据table.on('checkbox(test3)', function(obj){...项目需求,可以用复选框勾选项目进行提交,如下表
IDID测试项标定参数标定值
我们已经获取到了表中所有行的数据,全选,部分选都可行,不用选复选框遍历的方式去获取数据
table.on('checkbox(test3)', function(obj){
var checkStatus = table.checkStatus('test3');
console.log(checkStatus.data)//选中行数据
console.log(checkStatus.data.length)
})
$('.ttes').click(function () {
var index = parent.layer.getFrameIndex(window.name);
var checkStatus = table.checkStatus('test3');
console.log(checkStatus.data)//选中行数据
var items = checkStatus.data;
以上这篇layui-table表复选框勾选的所有行数据获取的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:layui的table单击行勾选checkbox功能方法
layui 监听表格复选框选中值的方法
Layui数据表格之获取表格中所有的数据方法
Layui组件Table绑定行点击事件和获取行数据的方法
解决Layui选择全部,换页checkbox复选框重新勾选的问题方法
layui获取选中行数据的实例讲解
-
layui-table表复选框勾选的所有行数据获取
2019-06-14 17:42:50项目需求,可以用复选框勾选项目进行提交...table class="layui-table" lay-data="{url:'/hwtc/ceshi/js', id:'test3'}" lay-filter="test3"> <thead> <tr> <th lay-data="{type:'checkbox'}"... -
layui table 上面的switch开关切换,并获取表格里所有数据
2019-07-17 17:22:59场景需求:在layui.table上面渲染后的列表上面加一个switch开关,监听switch开关的动作,实现本列数据的状态切换! 配图: 数据表格配置参数 layui.table.options.cols配置如下、重点看state 那一行 table.... -
获取layui表格单元格的数据_Layui数据表格之获取表格中所有的数据方法
2020-12-22 14:32:54数据表格中的数据是通过直接赋值的方式。这里实际上思想是反过来的,将拿数据表格中的所有数据,转换为...3、获取表格中的所有数据其实直接获取第一步中创建的JS对象数组即可,参照下面的代码,获取表格中的所有数... -
layui数据表格自定义复选框表头_layui获取表格数据table的复选框checkbox的所有id...
2020-12-22 16:29:31获取选中ID//获取选中IDfunction getIds(){var checkStatus = layui.table.checkStatus('demo'); //demo 即为基础参数 id 对应的值//console.log(checkStatus.data) //获取选中行的数据即 多个行对象//console.log... -
Layui数据表格之获取表格中所有的数据方法
2020-12-07 13:24:503、获取表格中的所有数据其实直接获取第一步中创建的JS对象数组即可,参照下面的代码,获取表格中的所有数据就是获取tableContent中的数据。 // 存放数据表格中的数据的对象数组tableContent var tableContent = ... -
【每日笔记】:layui table 上面的switch开关切换,并获取表格里所有数据
2020-12-04 12:59:41在layui.table上面渲染后的列表上面加一个switch开关,监听switch开关的动作,实现本列数据的状态切换! 配图: 数据表格配置参数 layui.table.options.cols 配置如下、重点看 state 那一行 table.render({ elem: ... -
layui 获取动态表格是否为空_Layui数据表格之获取表格中所有的数据方法
2020-12-18 19:08:43数据表格中的数据是通过直接赋值的方式。这里实际上思想是反过来的,将拿数据表格中的所有数据,转换为...3、获取表格中的所有数据其实直接获取第一步中创建的JS对象数组即可,参照下面的代码,获取表格中的所有数... -
layui table实现新增、排序等功能(获取分页所有数据&解决在非首页新增时数据获取失败问题)
2020-11-25 11:17:10layui table实现新增、排序等功能(获取分页所有数据&解决在非首页新增时数据获取失败问题) 刚接触layui,要实现前台新增文本插入表格功能,主要讲下我遇到的问题和解决方法,应该都是笨方法哈哈,记录下来也是... -
获取layui表格所有数据(不是获取已选中数据)
2020-12-01 17:06:33var tableDas = layui.table.cache["currentTableId"];//获取表格全部数据currentTableId是table的ID console.info("saf----"+JSON.stringify(tableDas)); -
layui table 导出搜索到的所有数据--兼容IE浏览器
2020-08-05 11:02:34但这个只能导出当前页面的数据,而用户要求的是导出搜索到的所有数据,那就意味着需要再次请求服务端返回所有数据,我做了一点修改。 传入两个参数,id 这个参数是为了获取表头,body 是服务器返回的数据,根据field... -
layui数据表格导出所有数据(使用自带的接口实现并包括查询后的数据和自定义导出文件名)
2019-09-19 14:40:35本文主要解决了layui的数据表格的数据导出, 将原本只能导出本页数据的导出功能...第一步:获取所有的数据条数 var limitCount = ""; var tableIns = table.render({ elem: '#test' ,url: '/****' //数据接口 ,t... -
laytpl遍历实体列表_Layui数据表格之获取表格中所有的数据方法
2021-02-01 07:54:01数据表格中的数据是通过直接赋值的方式。这里实际上思想是反过来的,将拿数据表格中的所有数据,转换为...3、获取表格中的所有数据其实直接获取第一步中创建的js对象数组即可,参照下面的代码,获取表格中的所有数... -
Layui之table中的radio在切换分页时无法记住选中状态的解决方法
2020-12-12 14:37:21Layui数据表格中用到了表单元素radio,在当前页面选中radio状态,并同步更新到保存表格中所有的数据的数组中(获取表格中的所有数据并保存到数组中),再点击分页组件中的下一页、上一页、跳转按钮进行切换另外一个... -
layui 获取当前表格 最新数据
2019-03-13 15:32:12获取当前表格的数据(最新的数据) table.on('edit(tableTest)', function (obj) { var value = obj.value, //得到修改后的值 data = obj.data, //得到所在行所有键值 field = obj.field; //得到字段 ... -
layui获取分页表格中所有的值
2018-08-24 21:01:48我这里有两个 tab 用 id区分 使用封装的 layui.table.cache.id 就可以获取 table表格中的数据了 -
LayUI学习笔记(二)之获取table数据,导出Excel功能
2018-11-19 20:30:26因为项目需要我用了另外的方法实现了导出所有数据的功能。 获取当前页数据:用的是layui.table.cache.testReload,前端代码:定义导出按钮:&lt;form action="/meiqia/doExport" id=&... -
Layui之table中的radio在切换分页时无法记住选中状态
2018-02-09 09:16:52Layui数据表格中用到了表单元素radio,在当前页面选中radio状态,并同步更新到保存表格中所有的数据的数组中(获取表格中的所有数据并保存到数组中),再点击分页组件中的下一页、上一页、跳转按钮进行切换另外一个... -
bootstrap-table 获取所有数据_源码讲解如何实现BootstrapTable静态赋值、初始化
2021-01-22 11:38:55今天要做一个报表导入并预览的功能,使用layui的文件上传,获取表格数据,接着把表格数据返回前台,使用bootstraptable展示,实现一个预览表格数据的效果。通过后台处理后的数据bootstraptable加载数据,其实具体... -
《layui宇宙版教程》:数据表格table-5
2020-08-21 00:06:02《Layui宇宙版教程》提供2000人的QQ群进行交流学习,QQ群号:1046961650,...可获取到表格所有的选中行相关数据。 语法:table.checkStatus('ID'); 其中ID为基础参数id对应的值,示例代码如下: 【自动化渲染】 ... -
使用layui插件问题之渲染数据表格时,仅出现10条数据
2019-04-04 11:41:40ajax获取服务端数据之后,要动态渲染table,但数据仅仅数显了10条,并没有渲染所有的数据。 二、原因 看一下表格需要的数据,0-9条的数据都自动有一个名为LAY_TABLE_INDEX的键值对,但10条及之后的数据都没有这个... -
jqGrid与layui结合 查询将表格数据导出Excel
2020-03-31 16:14:31例如 需要将当前分页数据或全部数据导出为Excel 1、导出当前页数据:... 可获取当前页所有数据 2、导出所有分页总数据:首先获取当前所用到的查询条件 var queryData = $("#table_list").jqGrid('getGridPara...
-
JMETER 性能测试基础课程
-
Mysql数据库面试直通车
-
鸿蒙系统Harmonyos源码架构分析-第1期第2课
-
数据源网站.xlsx
-
项目经理成长之路
-
MMM 集群部署实现 MySQL 高可用和读写分离
-
龙芯生态应用开发基础:C语言精要
-
MySQL 主从复制 Replication 详解(Linux 和 W
-
linux老男孩 基础部分章节02-----虚拟软件使用(环境准备)/远程连接
-
C/C++反汇编解密
-
人脸识别方案-ocr
-
基于Qt的LibVLC开发教程
-
摄影测量之内定向程序.zip
-
C++代码规范和Doxygen根据注释自动生成手册
-
pytorch optim灵活传参
-
apache-jmeter-3.1.7z
-
Web前端开发规范手册.rar
-
2014阿里巴巴校园招聘数据分析师职位笔试题目(回忆版).pdf
-
MySQL 备份与恢复详解(高低版本 迁移;不同字符集 相互转换;表
-
moveit-next:应用程序可构建NLW04 da ROCKETSEAT-源码