jQuery Pagination Ajax分页插件中文详解
生活随笔
收集整理的這篇文章主要介紹了
jQuery Pagination Ajax分页插件中文详解
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
參數
| maxentries | 總條目數 | 必選參數,整數 |
| items_per_page | 每頁顯示的條目數 | 可選參數,默認是10 |
| num_display_entries | 連續分頁主體部分顯示的分頁條目數 | 可選參數,默認是10 |
| current_page | 當前選中的頁面 | 可選參數,默認是0,表示第1頁 |
| num_edge_entries | 兩側顯示的首尾分頁的條目數 | 可選參數,默認是0 |
| link_to | 分頁的鏈接 | 字符串,可選參數,默認是"#" |
| prev_text | “前一頁”分頁按鈕上顯示的文字 | 字符串參數,可選,默認是"Prev" |
| next_text | “下一頁”分頁按鈕上顯示的文字 | 字符串參數,可選,默認是"Next" |
| ellipse_text | 省略的頁數用什么文字表示 | 可選字符串參數,默認是"…" |
| prev_show_always | 是否顯示“前一頁”分頁按鈕 | 布爾型,可選參數,默認為true,即顯示“前一頁”按鈕 |
| next_show_always | 是否顯示“下一頁”分頁按鈕 | 布爾型,可選參數,默認為true,即顯示“下一頁”按鈕 |
| callback | 回調函數 | 默認無執行效果 |
使用舉例
例如下面的使用代碼:
$("#Pagination").pagination(56, {num_edge_entries: 2,num_display_entries: 4,callback: pageselectCallback,items_per_page:1 }); $(document).ready(function(){initPagination();pageselectCallback(0); })function initPagination(){$.ajax({type: "POST",dataType:"json",url:'/pager.php',complete:function(){},success: function(result){ $("#Pagination").pagination(result, {num_display_entries: 10,callback: pageselectCallback,items_per_page:2 // Show only one item per page});},error:function(ae){alert("請求出錯: [" + ae.status + "] " + ae.statusText);},async:false});} function pageselectCallback(page_index){$.ajax({type: "POST",dataType:"json",url:'/pager.php,data:{pageindex:page_index},complete:function(){},success: function(result){ },error:function(ae){alert("請求出錯: [" + ae.status + "] " + ae.statusText);},async:false});return false; }?
?這段代碼表示的含義是:總共有56(maxentries)個列表項,首尾兩側分頁顯示2(num_edge_entries)個,連續分頁主體數 目顯示4(num_display_entries)個,回調函數為pageselectCallback(callback),每頁顯示的列表項為 1(items_per_page)。您可以對照參數表修改配置這里的參數。
轉載于:https://www.cnblogs.com/myphoebe/archive/2012/02/27/2370294.html
總結
以上是生活随笔為你收集整理的jQuery Pagination Ajax分页插件中文详解的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 让人难以置信的HTML5和JavaScr
- 下一篇: pm_bout_1/2_on_subwa