layui 表格

    数据表格刷新,需要注意的几点:

    1,在页面初始化时,事件方法以及按钮的事件绑定。

     

    2. 页面渲染时的组件使用,默认不使用form的监听事件来提交查询。

     

    具体如下:

    <div id="placeSearch" class="layui-form layui-form-pane" >
    
    <div class="layui-col-md3">
                    <div class="layui-inline">
                        <button class="layui-btn" data-type="reload">提交</button>
                    </div>
                </div>
    </div>

     

    js 代码段

      

    $(function(){
    
          layui.use(['table','form'],function(){
    
                  var form = layui.form,
    
                     table = layui.table;
    
                   table.render({
    
                         id:'tableload',
    
                       xxxxxx
    
                    })
    
         })
    
    
    
      //定义事件
    
        active = {
    
          reload : function(){
    
               table.reload('tableload', {
      
                       where: {
                             key :value
                          }
                    , page: {
                        curr: 1//从当前页码开始
                        }
                });
     
    
             },//还可以增加其他的方法
    
     
    
             }
    
     //绑定按钮事件
      $("#placeSearch .layui-btn").on('click', function ({
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        })
    
    })
    
    
    //其他地方也可以调用,直接使用onclick事件
    $("#placeSearch .layui-btn").click();


    以上标粗的地方,是要注意的地方
    联系QQ:343886028 --加QQ群 145315854