@layui表格学习

table中response返回解析

layui表格接收后台数据展示，其中返回的数据表格有自己的格式定义，如果不规范，将报错，可以通过response重新定义返回的参数格式。 链接: 参考原文链接.

table中cols解析出错

Could not parse as expression……

[[…]]之间的表达式在Thymeleaf被认为是内联表达式，与layui中cols:[[]]冲突 修改一：

//方法级渲染 table.render({ elem: '#LAY_table_user' ,url: '/demo/table/user/' ,cols: [ [ {checkbox: true, fixed: true} ,{field:'id', title: 'ID', width:80, sort: true, fixed: true} ,{field:'username', title: '用户名', width:80} ,{field:'sex', title: '性别', width:80, sort: true} ,{field:'city', title: '城市', width:80} ,{field:'sign', title: '签名'} ,{field:'experience', title: '积分', sort: true, width:80} ,{field:'score', title: '评分', sort: true, width:80} ,{field:'classify', title: '职业', width:80} ,{field:'wealth', title: '财富', sort: true, width:135} ] ] ,id: 'testReload' ,page: true ,height: 310 });

修改二：

<script type="text/javascript" th:inline="none">

若想在script标签中使用thymeleaf的内联样式，则将none改为javascript

<script type="text/javascript" th:inline="javascript">

table reload（render）后click事件点击一次后失效

个人理解点击一次后失效的问题是因为动态渲染dom，table reload后dom重构，但并没有重新执行绑定事件。因此需要在table重新渲染后，再给重新绑定下click事件。

var active = { reload: function(){ //执行重载 table.reload('tableid', { page: { curr: 1 //重新从第 1 页开始 } ,where: { key: { id: $('#inputValue').val() } }, done:function(){ //重新绑定$(document).on('click','',function(){}) } }); } };