<button id="get-data-btn"class="layui-btn">获取数据</button> layui.use(['table'], function() { var table = layui.table; // 渲染表格 table.render({ elem:'#demo', url:'/data.json', // 数据接口 cols: [[ {field:'id', title:'ID', width: 80}, {field:'name', title:'姓...
1、获取表单选择的复选框中的所有数据 var checkStatus = layui.table.checkStatus('idTest').data; idTest-->这里是table表格的Id 2、获取表单中的所有数据 let tableData = layui.table.cache["idTest"]; 3、table实现部分checkbox选中 $(".layui-table-view[lay-id='idTest'] .layui-table-body tr...
let tableId = options.id;//对应当前表格的ID } 1. 2. 3. 4. 获取列表的缓存数据: getTableCacheData:function (tableId){ return table.cache[tableId]||[]; } 1. 2. 3. 获取某一行的数据: getRowData:function (tableId, elem){ var index = $(elem).closest('tr').data('index'); retu...
新建JavaScript文件,例如新建一个《DataTableExtend.js》的文件,代码如下: 1 var LayUIDataTable = (function () { 2 var rowData = {}; 3 var $; 4 5 function checkJquery () { 6 if (!$) { 7 console.log("未获取jquery对象,请检查是否在调用ConvertDataTable方法之前调用SetJqueryObj进行设置!")...
2、将上一步创建的JS对象数组也就是原始数据赋给table.render()的data参数。 3、获取表格中的所有数据其实直接获取第一步中创建的JS对象数组即可,参照下面的代码,获取表格中的所有数据就是获取tableContent中的数据。 1//存放数据表格中的数据的对象数组tableContent2vartableContent =newArray();34table.render({...
table 数据表格文档 - layui.table table 模块是我们的又一走心之作,在 layui 2.0 的版本中全新推出,是 layui 最核心的组成之一。它用于对表格进行一些列功能和动态化数据操作,涵盖了日常业务所涉及的几乎全部需求。支持固定表头、固定行、固定列左/列右,支持拖拽改变列宽度,支持排序,支持多级表头,支持单元格的...
<table class="layui-table" lay-data="{基础参数}"> <thead> <tr> <th lay-data="{field:'username', width:80}" rowspan="2">联系人</th> <th lay-data="{field:'amount', width:120}" rowspan="2">金额</th> <th lay-data="{align:'center'}" colspan="3">地址</th> </tr> <tr...
table.init('parse-table-demo', {//转化静态表格 //height: 'full-500' }); }, getCheckLength:function(){//获取选中数目 varcheckStatus=table.checkStatus('idTest') ,data=checkStatus.data; layer.msg('选中了:'+data.length+' 个');
functionLoadData(currIndex) { //执行一个 table 实例 table.render({ elem:'#demo' // , height: 620 , method:'get' , url:'../api/User/AlipayData2'//数据接口 , request: { pageName:'PageIndex',// page limitName:'PageSize'// limit ...
layui的table渲染完成后获得cache里的数据 // 数据缓存table.cache['tableId']; 更新页面的行内数据 //更新页面的行内数据obj.update({字段名: '内容'字段名: '内容'}); // 渲染的时候定义个变量var tableIns = table.render({...});var data = tableIns.config.data; //编辑后的全部数据 ...