layui 刷新数据列表

<blockquote class="layui-elem-quote quoteBox">
    <div class="demoTable">
              搜索条件：
          <div class="layui-inline">
                  <input class="layui-input" name="id" id="demoReload" autocomplete="off" style="width: 300px;" placeholder="输入设备IP、名称、安卓ID进行搜索">
          </div>
          <button class="layui-btn" data-type="reload" id="reSearch">搜索</button>
     </div>
</blockquote>

           

JS代码：

注意：1、首先定义列表刷新的active事件。

2、table.reload 为列表的刷新方法。第一次参数为table的ID。第二个参数为json数据。page为页面。where为查询条件数据，里面的数据以json格式，前面的为接收参数名，后面为值。

3、为搜索按钮绑定点击事件

var $ = layui.$, active = {

reload: function(){

var demoReload = $(’#demoReload’);

//执行重载

table.reload(‘LAY_table_user’, {

page: {

curr: 1 //重新从第 1 页开始

}

,where: {

key: demoReload.val()

}

}, ‘data’);

}

};

$(’#reSearch’).on(‘click’, function(){

var type = $(this).data(‘type’);

active[type] ? active[type].call(this) : ‘’;

});