layui 表格重載

 省略引入過程

  //執行一個 table 實例
        var $table  = table.render({
            elem: '#demo'
            ,height: 420
            ,url: '/operation/getAllMetting/' //數據接口
            ,title: '用戶表'
            ,page: true //開啓分頁
            ,toolbar: 'default' //開啓工具欄,此處顯示默認圖標,可以自定義模板,詳見文檔
            ,totalRow: false //開啓合計行
            ,defaultToolbar: ['filter', 'print']//隱藏導出按鈕
            ,cols: [[ //表頭
                {type: 'checkbox', fixed: 'left'}
                ,{field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
                ,{field: 'meetingNo', title: '序號', width:80}
                ,{field: 'createTime', title: '開會日期', width: 90}
                ,{field: 'meetingNumber', title: '會次', width:80}
                ,{field: 'notice', title: '通知', width: 80}
                ,{field: 'meetingName', title: '會議名稱', width:150}
                ,{fixed: 'right', width: 165, align:'center', toolbar: '#barDemo'}
            ]]
            ,done: function () {
                $("[data-field='id']").css('display','none');
            }

        });
 //重載表格方法
        $('#search').on('click', function(){
            var meetingNo= $("#meetingNo").val();
            var createTime= $("#createTime").val();
          
            $table.reload({
                where:{
                    meetingNo:meetingNo, createTime:createTime,
                

                },
                page: {
                    curr: 1 //重新從第 1 頁開始
                }

            })

        });

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章