jpaginate是基於jquery的分頁外掛程式,很輕量,沒有不論什麼侵入性,當然所能做的也就很少.其實它的作用不過提供乙個好看的分頁樣式,只提供乙個觸發事件.可是輕量帶來了巨大的靈活性,讓它能夠提供不論什麼內容的分頁服務.
官方站點為站點為
該專案好像到2023年就已經沒人再更新了,可是仍然相容如今的全部瀏覽器(眼下還沒測過ie10).因其原始檔裡有一點小錯誤,導致可能在看demo時,ie6,7,9可能會出現排版混亂的情況.這個情況是由於其推斷瀏覽器版本號的方式不正確,詳細**為:
js**
if(bver.indexof('msie 7.0') > 0)
var ver = "ie7";
將其換成
js**
var isie = $.browser.msie;
var bv = $.browser.version;
if(isie && bv == '7.0')
var ver = "ie7";
就能夠了.
在附件中,已經將其改正,並做了簡單的漢化.
使用方法:
在jsp頁面中為其定義乙個div
html**
<
divid="pagination0"
>
div>
然後引入jquery.paginate.js檔案就可以.本外掛程式依賴jquery,本次用的是1.7.1
然後為其初始化:
js**
var pagesize = 10;
js**
$(function(), //此處要寫清本次分頁的總頁數,不支援動態改變,不可寫非int型數.個人建議在進入頁面的時候就把頁數傳過來
start : 1, //開始頁碼,從1開始,一般設定成1 //本人在這裡設定為動態變化。這樣頁面的下標就能當前頁，變為選中狀態。
display : 7, //在分頁條上顯示的個數,分頁數等於或超過本設定會顯示設定的個數,不夠的話會顯示真實個數,只是就不會出現滾動效果了.
border : false, //是否顯示外框
text_color : '#888', //文字顏色
background_color : '#eee', //背景顏色
text_hover_color : 'black', //滑鼠放上去時文字的顏色
background_hover_color : '#cfcfcf',//滑鼠放上去時背景的顏色
rotate : true, //是否滾動
images : false, //
mouse : 'press', //可選值為'press'和'slide',詳細區別請自己體驗.
onchange : function(page)
});
list(0,pagesize);
});
上面的list 方法是自己寫的非同步取資料的方法,親們可自己實現自己的**.下面列出list**,僅供參考,請結合各自業務來完畢自己的功能.
//以下這個list函式，本人放在**都報錯。不知道為什麼？
js**
function list(start, size)/page.do?
action=list"
, type:"post",
data:,
datatype:"json",
timeout: 10000,
error: function(),
success: function(result));
$("#mytbody").html(s.tostring());
} });
}
順帶說一下，預設的樣式是 first last 等，我們自己能夠依據須要，在其提供的樣式表中做改動
分頁外掛程式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...
js分頁外掛程式
這是我2016年寫的乙個分頁功能，直接貼上來的。那時候 格式寫的也不規範。setpaging 分頁 param linklist html中分頁元件區域，div dom元素 param data 分頁所需資料 totalpages 總頁數，page 當前頁，perpage 每頁條目，eachpage...