jQuery分頁外掛程式twbsPagination

需求說明：

這裡主要介紹jquery的分頁外掛程式twbspagination。當然了還有其他的分頁外掛程式，感覺上這個外掛程式還是比較簡單易用的。

步驟一：建立page.jsp頁面，引用jquery.twbspagination.js,page.js

<

script 
src="<%=basepath%>js/jquery.twbspagination.js"
>
script
>
<
script 
src="<%=basepath%>js/page.js"
>
script
>

步驟三：建立page.js檔案

var page=1;pagesize=2;//

預設載入顯示列表
var condition = '';//
查詢條件
var state=0;//
0：所用使用者，1：當前使用者
$(function
());
//查詢列表分頁初始化
function
ininpage(),
success : 
function
(msg) 
});},error:
function
()　　
});}//
獲取資料查詢列表
function
getinfolist(),
success : 
function
(msg) 
});}

注意：page.js載入時我們要初始化上面幾個必要的引數。

步驟四：ajax查詢分頁資料條數

ininpage();

步驟五：ajax查詢分頁資料列表

getinfolist();

總結：我們只需要提供幾個必要的引數page（顯示第幾頁），pagesize（每頁顯示條數），查詢記錄的條數、查詢記錄的列表即可實現分頁功能。

在這個示例中我省略了資料查詢部分，在具體應用的時候只需查詢記錄數total,和記錄列表list即可。

jquery分頁外掛程式

css 分頁 pagelist pagelist a,pagelist span pagelist a hover,pagelist current pagelist pagelist hidden pagelist pagelist hidden hover pagelist input.jump...

jquery外掛程式 ajax分頁

突然發現，好久沒寫部落格了，越來越懶了.今天想說說ajax分頁的事，其實ajax分頁莫過於解決兩個問題，第一，總條數的獲取，第二，形成分頁 like this 總條數的獲取莫過於兩種方式，第一，載入時直接獲取，可通過變數設定，可通過url傳值，第二種通過ajax請求的資料中包含資料和總條數。資料的獲...

jQuery 分頁外掛程式 jqPaginator

例子 用法很簡單，首先引入jquery和jqpaginator，之後就可以初始化分頁了 id jqpaginator onpagechange function num 上例就是第一demo，bootstrap風格的分頁。具體引數稍後介紹，這裡要了解的是，如果使用的不是id，而是class，就會初始...