一、表格刷新

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表格重载