layui表格重载-CSDN博客

最近使用了layui，发现我要按照条件搜索的时候很麻烦，表格不刷新，看了看官方的文档，发现了重载一说。

    layui.use('table', function () {
            var table = layui.table;
            table.render({
            elem: '#demo'
           , id: "testReload"
           , url: '/standingbook/OperatorViewMethod' //数据接口
           , page: true //开启分页
           , edit: true
           , cols: [[ //表头
              { field: 'Area', title: '区域', width: "10%" }           
           ]]
            });
            var $ = layui.$, active = {
                reload: function () {
                    var area = $("#Area");              //执行重载
                    table.reload('testReload', {
                        page: {
                            curr: 1 //重新从第 1 页开始
                        },
                        where: {
                            Area: area.val(), //重载提交的参数               
                        }
                    });
                }
            };
            $('#btnSelect').on('click', function () {
                var type = $(this).data('type');
                active[type] ? active[type].call(this) : '';
            });
        })

下面是html代码，获取文本框的值，提交就ok

      <div class="layui-inline">
                <label class="layui-form-label">区域：</label>
                <div class="layui-input-block">
                    <input class="layui-input" name="Area" id="Area" autocomplete="off">
                </div>
            </div>