LayUIページングテーブル構築

layui      

                     ，         
    layui    



   js   
layui.use('laypage', function () {
        var laypage = layui.laypage;
        //    
        laypage.render({
            elem: 'thisPage',
            theme: '#1c8cec',
            //        
            count: tab1Count,
            limit: 6, //  
            layout: ['prev', 'page', 'next', 'count', 'refresh', 'skip'],  //      
            jump: function (obj, first) {
                krt.ajax({   //  krt           $
                    type: "POST",
                    url: "${basePath}/hall/hallStaff/index1",
                    async: false,
                    data: {   //    
                        "start": parseInt(obj.curr - 1) * parseInt(obj.limit),      
                        "length": 6     
                    },
                    success: function (rb) { 
                    	//                        
                        let tabObj = $("#tab1");
                        tabObj.html('');
                        let str = '';
                        for (let i = 0; i < rb.data.length; i++) {
                            str += '';
                            str += '' + rb.data[i].names + '' +
                                    '' + rb.data[i].winNum + '' +
                                    '' + rb.data[i].orgNum + '' +
                                    '' + rb.data[i].qyWindowNum + '' +
                                    '' + rb.data[i].yyWindowNum + '' +
                                    '' + rb.data[i].orgNames + '';
                            str += '';
                        }
                        tabObj.append(str);
                    }
                });
            }
        });
    });