Jquery Pagination分頁外掛程式使用

2022-06-20 02:57:11 字數 1322 閱讀 4035

jquerypagination是個簡單輕量級的分頁外掛程式,使用起來很容易,只要初始化乙個例項,並設定總數量、翻頁**函式、其它引數就可以實現無重新整理分頁功能了。

script>

script>

第二步,在頁面結構寫乙個有id屬性以及class="pagination"的div

div>

第三步,初始化

$(function() ,

items_per_page:10,

prev_show_always: true,

next_show_always: true

});})

或者:

$(function

() );

});function

pagecallback(page_index,jq)

});

}

完成。跟一般的jquery外掛程式一樣,此外掛程式使用也很簡單便捷。方法是pagination,例如$("#page").pagination(100);

引數名描述

引數值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

callback

**函式

預設無執行效果

jQuery Pagination分頁外掛程式 重新整理

上次介紹過了我們用 生成的重新整理分頁 去看看 jquery pagination分頁外掛程式 無重新整理 我們對這個問題進行了處理,並不是一次全部取出資料,因為這樣第一次載入會很慢。我們的做法跟之前介紹的重新整理分頁是一樣的,點第幾頁我們就取第幾頁的資料。頁面 分頁樣式 class tabledi...

分頁外掛程式Kaminari

rails 2.x 中最常用的分頁外掛程式是 will paginate 這個相信大家都耳熟能詳 不過到 rails 3 以後,我發現乙個更好選擇,那就是 kaminari 我選擇它,主要是看中其直觀靈活的介面定製功能,它不像 will paginate 那樣需要配置一大堆引數,而是採用 view ...

jquery table分頁外掛程式

使用方法 2 新建js,我的為page.js,放入以下 jquery.extend else else var maxright currentpage center 1 if maxright allpage else else left currentpage center right left...