一、表格刷新
1、表格容器定义
<table id="LAY-user-table" lay-filter="LAY-user-table"></table>
2、添加、编辑、删除 刷新
1)、刷新时不保留搜索框的搜索信息
table.render({
elem: '#LAY-user-table'
,url: '/././.'
,cols: [[
{type: 'checkbox', fixed: 'left'}
,{field: 'id', width: 80, title: 'ID', sort: true}
]]
,...
});
table.reload('LAY-user-table');
2)、刷新时保留搜索框的搜索信息
let userTable = table.render({
elem: '#LAY-user-table'
,url: '/././.'
,cols: [[
{type: 'checkbox', fixed: 'left'}
,{field: 'id', width: 80, title: 'ID', sort: true}
]]
,...
});
userTable.reload();
二、搜索按钮刷新
1、搜索按钮
<div class="layui-form layui-card-header layuiadmin-card-header-auto">
<div class="layui-form-item">
<div class="layui-inline">
<select name="status">
<option value="">状态</option>
<option value="1">成功</option>
<option value="0">失败</option>
</select>
</div>
<div class="layui-inline">
<button class="layui-btn layuiadmin-btn-admin" lay-submit lay-filter="LAY-user-table-search">
<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
</button>
</div>
</div>
</div>
2、刷新方式
- 搜索刷新也有2种,与 [ 2 ] 相似,只不过搜索刷新时需要加上搜索的条件
- 法一搜索刷新
form.on('submit(LAY-user-table-search)', function(data){
let field = data.field;
field.page = 1;
table.reload('LAY-user-table', {
where: field,
page: {curr: 1}
});
});
form.on('submit(LAY-user-table-search)', function(data){
let field = data.field;
field.page = 1;
userTable.reload({
where: field,
page: {curr: 1}
});
});
三、官方文档
Layui表格重载