数据表格中的数据是通过直接赋值的方式。这里实际上思想是反过来的,将拿数据表格中的所有数据,转换为Layui数据表格拿原始数据去渲染数据表格。
1,创建一个作用域合适的JS对象数组用来保存数据表格中的原始数据。
2,将上一步创建的JS对象数组也就是原始数据赋给table.render()的数据参数。
3,获取表格中的所有数据其实直接获取第一步中创建的JS对象数组即可,参照下面的代码,获取表格中的所有数据就是获取tableContent中的数据。
//存放数据表格中的数据的对象数组tableContent var tableContent=new Array (); table.render ({ elem:“# viewTable ', 身高:325, 甚至:没错, 文字:{ 没有人:“您没有选中任何字段!” },//拿对象数组tableContent中的数据作为原始数据渲染数据表格 数据:tableContent, 页面:{ 布局:[“数”,“上一页”,“页面”,“下一个”,“限制”,“跳过”) }, 限制:5 限制:[5、10、15、20、25), cellMinWidth: 80, 关口:[[ {类型:“复选框”,fiexd:“左派”}, {标题:“序”号,类型:‘数字’}, {字段:“列”,标题:“列”,对齐:“中心”}, {字段:“别名”,标题:“别名”,对齐:“中心”,编辑:“文本”}, {标题:“操”作fiexd:‘正确的’,对齐:“中心”,工具栏:“# viewBar”} ]], 完成:函数(res,咕咕叫,计数){//做某事… } });
<强>数据表格中的数据是通过异步请求的方式强>
直接通过table.render()的完成参数即可获得,该参数的值是一个数据渲染完的回调,无论是直接赋值还是异步请求数据,在渲染完之后都会触发该回调。注意:使用直接赋值方式给Laytable原始数据时,该方法获取到的是数据表格中当前页的数据,并不是表格中的所有数据,想获取表格中所有数据必须按照上面”数据表格中的数据是通过直接赋值的方式”的方法
表格呈现({//其它参数在此省略 完成:函数(res,咕咕叫,计数){//如果是异步请求数据方式,res即为你接口返回的信息。//如果是直接赋值的方式,res即为:{数据:[],数:99}数据为当前页数据,计数为数据总长度 console.log (res);//得到当前页码 console.log(咕咕叫);//得到数据总量 console.log(数); } });
以上这篇Layui数据表格之获取表格中所有的数据方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。