今天在使用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
        });
        
    }

 

table开启了复选框，获取所有选中的复选框中的表格数据，方法：
layui.table.checkStatus('table1').data;   // table1为表格id

注：如果开启了分页，获取的只是当前页的数据

项目需求，可以用复选框勾选项目进行提交，如下表
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表复选框勾选的所有行数据获取的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

项目需求，可以用复选框勾选项目进行提交，如下表
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获取选中行数据的实例讲解