jquery.easyui第19章pagination分頁組件本課程由北風網(wǎng)和瓢城Web俱樂部提供

19Pagination(分頁)組學習要點加載方屬性列列方法列主講教師：本課程由北風網(wǎng)和瓢城Web提一．加載方<divid="box"class="easyui-style="background:#efefef;border:1pxsolid#ccc;">//JS加載調(diào)al:2000,pageSize:<divid="content"class="easyui-panel"style="height:200px"<divclass="easyui-pagination"style="border:1pxsolid#ccc;"total:pageSize:pageNumber:pageList:onSelectPage:function(pageNumber,pageSize)$('#content').panel('refresh',}二．屬性列pagination屬屬性值說錄數(shù)，在分頁控件創(chuàng)建時初始的值。值1每頁顯示條數(shù)。默認值10在分頁控件創(chuàng)建的時候顯示的頁數(shù)。默認1用戶可以改變頁面大小。pageList屬性定義了頁面導航展示的頁碼。 默認值為[10,20,30,50]定義數(shù)據(jù)是否正在載入。默認值false自定義按鈕，可用值有iconCls：顯示背景的CSS類ID頁面已存在元素的選擇器對象（例如：buttons:'#btnDiv'。默認值為nulllist：頁面顯示條數(shù)列表sepfirstprevnextlastrefreshmanual：手工輸入當前頁的輸入框links：頁面數(shù)定義是否顯示頁面導航列表定義是否顯示刷新按鈕在輸入組件之前顯示一個。在輸入組件之后顯示一個。顯示頁面信息//屬性設(shè)al:5,pageSize:pageNumber:pageList:loading:false,buttons:[{iconCls:'icon-add',handler:function(){},'-iconCls:'icon-save',handler:function(){//buttons://layout:['first','links','last'], geList:true,showRefresh:false,beforePageText:'第',afterPageText共{pages}條',disyMsg:'顯示{from}到{to},共{total}記錄',onSelectPagefunction(pageNumberpageSize)$('#content').panel('refresh',}三．列Pagination名傳說pageSize:每頁顯示的條數(shù)在點擊刷新按鈕刷新之前觸發(fā)false可以取消刷新動作刷新之后觸發(fā)在頁面更改頁面大小的時候觸發(fā)al:5,pageSize:pageNumber:pageList://選擇一個頁面onSelectPage:function(pageNumber,pageSize)onBeforeRefresh:function(pageNumber,onRefresh:function(pageNumber,onChangePageSize:function三．方法列

Pagination方方法傳說返回參數(shù)對象提醒分頁控件正在加載中提醒分頁控件加載完成刷新并顯示分頁欄信息選擇一個新頁面，頁面索引從1開始//分頁控件加載和結(jié)束加onSelectPage:function(pageNumber,pageSize)setTimeout(function()},//刷新并顯示分$().click(function()$('#box').pagination('refresh',

pageSize://選擇一個新頁面，索引從1開$().click(function