page分頁插件怎麼配置
Ⅰ mybatis 分頁插件怎麼用
使用方法
1. 引入分頁插件
引入分頁插件一共有下面2種方式，推薦使用Maven方式，這種方式方便更新。
1). 引入Jar包
如果你想使用本項目的jar包而不是直接引入類，你可以在這里下載各個版本的jar包（點擊Download下的jar即可下載）
https://oss.sonatype.org/content/repositories/releases/com/github/pagehelper/pagehelper/
http://repo1.maven.org/maven2/com/github/pagehelper/pagehelper/
由於使用了sql解析工具，你還需要下載jsqlparser.jar（這個文件完全獨立，不依賴其他）：
http://repo1.maven.org/maven2/com/github/jsqlparser/jsqlparser/0.9.1/
http://git.oschina.net/free/Mybatis_PageHelper/attach_files
2). 使用maven
添加如下依賴：
<dependency>
<groupId>com.github.pagehelper</groupId>
<artifactId>pagehelper</artifactId>
<version>3.6.0</version>
</dependency>
當使用maven中央庫中的快照版（帶"-SNAPSHOT"的版本）時，需要在pom.xml中添加如下配置：
<repositories>
<repository>
<id>sonatype-nexus-snapshots</id>
<name>Sonatype Nexus Snapshots</name>
<url>http://oss.sonatype.org/content/repositories/snapshots</url>
<releases>
<enabled>false</enabled>
</releases>
<snapshots>
<enabled>true</enabled>
</snapshots>
</repository>
</repositories>
2. 在Mybatis配置xml中配置攔截器插件:
<!--
plugins在配置文件中的位置必須符合要求，否則會報錯，順序如下:
properties?, settings?,
typeAliases?, typeHandlers?,
objectFactory?,objectWrapperFactory?,
plugins?,
environments?, databaseIdProvider?, mappers?
-->
<plugins>
<!-- com.github.pagehelper為PageHelper類所在包名 -->
<plugin interceptor="com.github.pagehelper.PageHelper">
<property name="dialect" value="mysql"/>
<!-- 該參數默認為false -->
<!-- 設置為true時，會將RowBounds第一個參數offset當成pageNum頁碼使用 -->
<!-- 和startPage中的pageNum效果一樣-->
<property name="offsetAsPageNum" value="true"/>
<!-- 該參數默認為false -->
<!-- 設置為true時，使用RowBounds分頁會進行count查詢 -->
<property name="rowBoundsWithCount" value="true"/>
<!-- 設置為true時，如果pageSize=0或者RowBounds.limit = 0就會查詢出全部的結果 -->
<!-- （相當於沒有執行分頁查詢，但是返回結果仍然是Page類型）-->
<property name="pageSizeZero" value="true"/>
<!-- 3.3.0版本可用 - 分頁參數合理化，默認false禁用 -->
<!-- 啟用合理化時，如果pageNum<1會查詢第一頁，如果pageNum>pages會查詢最後一頁 -->
<!-- 禁用合理化時，如果pageNum<1或pageNum>pages會返回空數據 -->
<property name="reasonable" value="true"/>
<!-- 3.5.0版本可用 - 為了支持startPage(Object params)方法 -->
<!-- 增加了一個`params`參數來配置參數映射，用於從Map或ServletRequest中取值 -->
<!-- 可以配置pageNum,pageSize,count,pageSizeZero,reasonable,不配置映射的用默認值 -->
<property name="params" value="pageNum=start;pageSize=limit;pageSizeZero=zero;reasonable=heli;count=contsql"/>
</plugin>
</plugins>
這里的com.github.pagehelper.PageHelper使用完整的類路徑。
其他五個參數說明：
增加dialect屬性，使用時必須指定該屬性，可選值為oracle,mysql,mariadb,sqlite,hsqldb,postgresql,sqlserver,沒有默認值，必須指定該屬性。
增加offsetAsPageNum屬性，默認值為false，使用默認值時不需要增加該配置，需要設為true時，需要配置該參數。當該參數設置為true時，使用RowBounds分頁時，會將offset參數當成pageNum使用，可以用頁碼和頁面大小兩個參數進行分頁。
增加rowBoundsWithCount屬性，默認值為false，使用默認值時不需要增加該配置，需要設為true時，需要配置該參數。當該參數設置為true時，使用RowBounds分頁會進行count查詢。
增加pageSizeZero屬性，默認值為false，使用默認值時不需要增加該配置，需要設為true時，需要配置該參數。當該參數設置為true時，如果pageSize=0或者RowBounds.limit = 0就會查詢出全部的結果（相當於沒有執行分頁查詢，但是返回結果仍然是Page類型）。
增加reasonable屬性，默認值為false，使用默認值時不需要增加該配置，需要設為true時，需要配置該參數。具體作用請看上面配置文件中的注釋內容。
為了支持startPage(Object params)方法，增加了一個params參數來配置參數映射，用於從Map或ServletRequest中取值，可以配置pageNum,pageSize,count,pageSizeZero,reasonable,不配置映射的用默認值。
Ⅱ jpages插件如何在一個頁面給多個table分頁（切換tab頁時，每個tab頁下都有一個table）
在一個頁面中有多個Tab的問題可以這樣來處理：
參照
工程項目管理/單位工程項目完工管理/申請列表
比如在此頁面中有三個Tab切換：
那麼要拆成四個頁面一個Mange+三個Tab的頁面
1、Manage頁面：在Tabs中的TabsContent裡面要有三個<div></div>這一定要有不能刪掉。
<div class="page">
<div class="pageContent">
<div class="tabs" currentindex="2" eventtype="click">
<div class="tabsHeader">
<div class="tabsHeaderContent">
<ul>
<li><a href="a.aspx" class="j-ajax"
><span>名稱1</span></a></li>
<li><a href="b.aspx" class="j-ajax"
><span>名稱2</span></a></li>
<li><a href="c.aspx" class="j-ajax"
><span>名稱3</span></a></li>
</ul>
</div>
</div>
<div class="tabsContent" >
<div id="tab1"></div>
<div id="tab2"></div>
<div id="tab3"></div>
</div>
</div>
</div>
</div>
2、其他的三個頁面的格式為：
<div class="panelBar">
<form id="pagerForm"
action="ProjectManage/FinishedProject/.aspx"
method="post">
<input type="hidden" name="status" value="active"/>
<input type="hidden" name="pageNum" />
<input type="hidden" name="numPerPage" value="<%=numPerPage.Value%>" />
</form>
<ul class="toolBar">
<li><a class="delete"
href="ProjectManage/FinishedProject/.aspx?fuid={sid_fin}"
target="navTabTodo"
title="確定要反審核嗎?"><span>反審核</span></a></li> </ul>
</div>
<table class="table" layouth="138">
</table>
<div class="panelBar">
<div class="pages">
<span>顯示</span>
<select id="numPerPage" runat="server"
onchange="tabPageBreak(gpage.jObj('tab2'),{numPerPage:this.value})">
<option value="3" selected="selected">3</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="50">50</option>
</select>
<span>條，共<%=total %>條</span>
</div>
<div class="pagination" targettype="navTab" totalcount="<%=total
%>" numperpage="<%=numPerPage.Value %>" currentpage="<%=pageNum %>" tab="tab2">
</div>
</div>
3、在其他的三個頁面中一開始就應該寫<div class="panelBar"></div
class="panelBar">，前面的樣式不需要，因為我們載入的時候前面的樣式已經載入了所以只需要從panelBar開始載入即可。
比如上面顯示處理分頁的pagerForm也可以放到pagelBar裡面。不能放到外面，不會載入的。
4、對於分頁因為涉及到多個Tab的同時分頁的問題，但是一個頁面只有一個pagerForm考慮到假如修改為多個pagerForm的話，問題更加繁瑣，
所以現在我們拆開來處理。裡面的分頁稍作了修改，以前我們用navTabPageBreak()；現在我們用tabPageBreak並將當前tab2加了前綴的的值傳到腳本中。
Ⅲ jquery ajax分頁插件 怎麼寫
包括常用的載入失敗重試，參數可配置是否能手動輸入頁碼，設置按鈕數目，可以調用多個page等等，調用代碼很簡便
<scripttype="text/javascript">
varkpage;
$(function(){
tocount();
});
functiontocount(){
//初始化
$.ajax({url:"/Service/DBCount",type:"post",success:function(e){
kpage=$("#divPage").page({dataCount:e,pageChange:topage});
}
});
}
functiontopage(i,s){
//數據查詢
$("#divInfo").html("載入中...");
$.ajax({url:"/Service/List",type:"post",data:{PageSize:s,PageIndex:i},success:function(r){
$("#tList").html(r);
$("#divInfo").html("");
},error:function(){
$("#divInfo").html("載入失敗...<ahref='javascript:reload();'>重試</href>");
}
});
}
functionreload(){
kpage.reload();
}
</script>
具體jquery.kun_page.js：
/*
---------------------------------
參數config:
dataCount:數據總數
pageSize:頁數據條數
maxButton:頁碼按鈕數目
showCustom:是否能手動輸入頁碼
pageChange:頁變更事件
參數：(i,s,c)
i:pageIndex,當前頁
s:pageSize,頁數據條數
c:pageCount,總頁數
*/
(function($){
$.fn.page=function(config){
if(this.length!=1){
throw"k_page:如有多個page請調用多次!";
}
vardefaults={dataCount:1,pageSize:10,maxButton:6,showCustom:true,pageChange:null}
config=$.extend(defaults,config);
if(config.maxButton<=1)config.maxButton=2;
if(config.pageSize<1)config.pageSize=1;
//按鈕數目需偶數
if(config.maxButton%2!=0)
config.maxButton++;
varpageIndex=1,pageCount,move_kf;
//初始化頁數
functioninitcount(){
pageCount=config.dataCount%config.pageSize==0?config.dataCount/config.pageSize:parseInt(config.dataCount/config.pageSize)+1;
}
initcount();
varprev="<divclass="k_p_prev">上一頁</div>",next="<divclass="k_p_next">下一頁</div>",pbody=$(""),pcustom=$("<spanclass="k_custom">到第頁</span><divclass="k_btn">確定</div>"),cl="<divclass="k_cl"></div>",pipt=$("<inputclass="k_ipt"type="text">");
this.empty().addClass("kun_page").append(prev);
pipt.keypress(function(e){
if(e.which==13){
topage("確定");
returnfalse;
}
}).appendTo(pcustom.children());
if(config.pageChange){
this.unbind("click").bind("click",function(e){
var_t=$(e.target);
if(_t[0].tagName=="DIV"&&_t[0].className!="kun_page"){
topage(_t.text());
}
});
}
//跳轉頁碼
functiontopage(text){
switch(text){
case"上一頁":
if(pageIndex-1<1){
return;
}
pageIndex--;
move_kf="sc_r";
break;
case"下一頁":
if(pageIndex+1>pageCount){
return;
}
pageIndex++;
move_kf="sc_l";
break;
case"確定":
if(!/^d+$/.test(pipt.val())){
pipt.val("");
return;
}
text=parseInt(pipt.val());
if(text<1||text>pageCount){
pipt.val("");
return;
}
default:
var_pindex=parseInt(text);
if(pageIndex==_pindex)
return;
move_kf=pageIndex<_pindex?"sc_l":"sc_r";
pageIndex=_pindex;
break;
}
gopageChange();
}
//頁變更事件
functiongopageChange(){
if(config.pageChange){
if(config.dataCount!=0){
config.pageChange(pageIndex,config.pageSize,pageCount);
endloading();
}
}
}
//非同步載入結束
functionendloading(){
initpage();
}
//添加頁碼
functioninitpage(){
pbody.empty();
var_t_maxb=config.maxButton/2;
//前後頁碼集合
var_t_listp=[],_t_listn=[];
var_min=0,_max=pageCount;
for(vari=1;i<=_t_maxb;i++){
var_t_prev=pageIndex-i,_t_next=pageIndex+i;
//當前頁碼之前的頁
if(_t_prev>0){
_t_listp.push("<divclass="k_p_page">"+_t_prev+"</div>");
if(i==_t_maxb)_min=_t_prev;
}
//當前頁碼之後的頁
if(_t_next<=pageCount){
_t_listn.push("<divclass="k_p_page">"+_t_next+"</div>");
if(i==_t_maxb)_max=_t_next;
}
}
//顯示第一頁
if(_min>1)pbody.append("<divclass="k_p_page">1</div>");
//顯示前……
if(_min-1>1)pbody.append("<em>...</em>");
for(vari=_t_listp.length;i>=0;i--){
pbody.append(_t_listp[i]);
}
pbody.append("<divclass="k_p_pagek_p_current">"+pageIndex+"</div>");
for(vari=0;i<_t_listn.length;i++){
pbody.append(_t_listn[i]);
}
//顯示後……
if(pageCount-_max>1)pbody.append("<em>...</em>");
//顯示最後一頁
if(_max<pageCount)pbody.append("<divclass="k_p_page">"+pageCount+"</div>");
}
initpage();
gopageChange();
this.append(pbody).append(next);
if(config.showCustom)
this.append(pcustom);
this.append(cl);
return{reload:gopageChange,pageCount:pageCount,recount:function(e){
//重新計算頁數
config.dataCount=e;
pageIndex=1;
initcount();
initpage();
gopageChange();
}
};
//console.log(_min+"*"+_max+"*"+pageCount);
}
})(jQuery)
樣式kun_page.css：
.kun_page{font-size:12px;line-height:23px;font-family:"MicrosoftYaHei";}
.kun_page.k_p_page{position:relative;}
.kun_pagediv{float:left;margin:3px;border:solid1px#ccc;cursor:pointer;color:#333;min-width:12px;text-align:center;padding:0px5px;}
.kun_pageem{display:block;float:left;margin:2px;}
.kun_page.k_p_current{background:#ccc;color:#fff;-webkit-animation:scroll_b300ms;animation:scroll_b300ms;}
.kun_page.k_cl{clear:both;float:none;border:none;margin:0px;padding:0px;width:0px;height:0px;}
.kun_page.k_custom{display:block;float:left;margin:3px3px3px20px;}
.kun_page.k_ipt{width:30px;height:21px;border:solid1px#ccc;text-align:center;vertical-align:middle;}
.kun_page.k_m{opacity:0;width:1%;height:1%;top:0px;left:0px;display:block;position:absolute;}
.kun_page.sc_l{background:-webkit-gradient(linear,0100%,100%100%,from(#CCCCCC),to(#645F5F));
-webkit-transform:translate(-50px);-webkit-animation:scroll_k_l300mslinear;
background:-moz-linear-gradient(left,#CCCCCC0%,#645F5F100%);
background:-ms-linear-gradient(left,#CCCCCC0%,#645F5F100%);
transform:translate(-50px);animation:scroll_k_l300mslinear;
}
.kun_page.sc_r{background:-webkit-gradient(linear,0100%,100%100%,from(#645F5F),to(#CCCCCC));
-webkit-transform:translate(50px);-webkit-animation:scroll_k_r300mslinear;
background:-moz-linear-gradient(left,#645F5F0%,#CCCCCC100%);
background:-ms-linear-gradient(left,#CCCCCC0%,#645F5F100%);
transform:translate(50px);animation:scroll_k_r300mslinear;
}
/*
animation
*/
@-webkit-keyframesscroll_k_l{
0%{-webkit-transform:translate(-100px);opacity:0.2;width:200%;height:100%;}
99%{-webkit-transform:translate(-20px);opacity:0;width:200%;height:100%;}
100%{-webkit-transform:translate(-20px);opacity:0;width:1%;height:1%;}
}
@-webkit-keyframesscroll_k_r{
0%{-webkit-transform:translate(100px);opacity:0.2;width:200%;height:100%;}
99%{-webkit-transform:translate(20px);opacity:0;width:200%;height:100%;}
100%{-webkit-transform:translate(20px);opacity:0;width:1%;height:1%;}
}
@keyframesscroll_k_l{
0%{transform:translate(-100px);opacity:0.2;width:200%;height:100%;}
99%{transform:translate(-20px);opacity:0;width:200%;height:100%;}
100%{transform:translate(-20px);opacity:0;width:1%;height:1%;}
}
@keyframesscroll_k_r{
0%{transform:translate(100px);opacity:0.2;width:200%;height:100%;}
99%{transform:translate(20px);opacity:0;width:200%;height:100%;}
100%{transform:translate(20px);opacity:0;width:1%;height:1%;}
}
@-webkit-keyframesscroll_b{
0%,99%{background:#fff;color:#000;}
100%{background:#ccc;color:#fff;}
}
@keyframesscroll_b{
0%,99%{background:#fff;color:#000;}
100%{background:#ccc;color:#fff;}
}樣式和動畫都可以自己修改(好吧，動畫效果很樸素，鬧哪樣，明明想了很久好嗎)
pageChange事件裡面也沒有過多的其他處理，比如我們公司前後台處理json就有一套方案，ajax提交的參數也有處理
所以若有需求，完全可以在我的代碼上再封裝一層
Ⅳ 有人知道laypage這個分頁插件怎麼用嗎
有文檔的
http://www.layui.com/demo/laypage.html
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title>layui</title>
<metaname="renderer"content="webkit">
<metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1">
<metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=1">
<linkrel="stylesheet"href="//res.layui.com/layui/dist/css/layui.css"media="all">
<!--注意：如果你直接復制所有代碼到本地，上述css路徑需要改成你本地的-->
</head>
<body>
<fieldsetclass="layui-elem-fieldlayui-field-title"style="margin-top:30px;">
<legend>總頁數低於頁碼總數</legend>
</fieldset>
<divid="demo0"></div>
<fieldsetclass="layui-elem-fieldlayui-field-title"style="margin-top:30px;">
<legend>總頁數大於頁碼總數</legend>
</fieldset>
<divid="demo1"></div>
<fieldsetclass="layui-elem-fieldlayui-field-title"style="margin-top:30px;">
<legend>自定義主題-顏色隨意定義</legend>
</fieldset>
<divid="demo2"></div>
<divid="demo2-1"></div>
<divid="demo2-2"></div>
<fieldsetclass="layui-elem-fieldlayui-field-title"style="margin-top:30px;">
<legend>自定義首頁、尾頁、上一頁、下一頁文本</legend>
</fieldset>
<divid="demo3"></div>
<fieldsetclass="layui-elem-fieldlayui-field-title"style="margin-top:30px;">
<legend>不顯示首頁尾頁</legend>
</fieldset>
<divid="demo4"></div>
<fieldsetclass="layui-elem-fieldlayui-field-title"style="margin-top:30px;">
<legend>開啟HASH</legend>
</fieldset>
<divid="demo5"></div>
<fieldsetclass="layui-elem-fieldlayui-field-title"style="margin-top:30px;">
<legend>只顯示上一頁、下一頁</legend>
</fieldset>
<divid="demo6"></div>
<fieldsetclass="layui-elem-fieldlayui-field-title"style="margin-top:30px;">
<legend>顯示完整功能</legend>
</fieldset>
<divid="demo7"></div>
<fieldsetclass="layui-elem-fieldlayui-field-title"style="margin-top:30px;">
<legend>自定義排版</legend>
</fieldset>
<divid="demo8"></div>
<divid="demo9"></div>
<divid="demo10"></div>
<fieldsetclass="layui-elem-fieldlayui-field-title"style="margin-top:30px;">
<legend>自定義每頁條數的選擇項</legend>
</fieldset>
<divid="demo11"></div><fieldsetclass="layui-elem-fieldlayui-field-title"style="margin-top:30px;">
<legend>將一段已知數組分頁展示</legend>
</fieldset>
<divid="demo20"></div>
<ulid="biuuu_city_list"></ul>
<scriptsrc="//res.layui.com/layui/dist/layui.js"charset="utf-8"></script>
<!--注意：如果你直接復制所有代碼到本地，上述js路徑需要改成你本地的-->
<script>
layui.use(['laypage','layer'],function(){
varlaypage=layui.laypage
,layer=layui.layer;
//總頁數低於頁碼總數
laypage.render({
elem:'demo0'
,count:50//數據總數
});
//總頁數大於頁碼總數
laypage.render({
elem:'demo1'
,count:70//數據總數
,jump:function(obj){
console.log(obj)
}
});
//自定義樣式
laypage.render({
elem:'demo2'
,count:100
,theme:'#1E9FFF'
});
laypage.render({
elem:'demo2-1'
,count:100
,theme:'#FF5722'
});
laypage.render({
elem:'demo2-2'
,count:100
,theme:'#FFB800'
});
//自定義首頁、尾頁、上一頁、下一頁文本
laypage.render({
elem:'demo3'
,count:100
,first:'首頁'
,last:'尾頁'
,prev:'<em>←</em>'
,next:'<em>→</em>'
});
//不顯示首頁尾頁
laypage.render({
elem:'demo4'
,count:100
,first:false
,last:false
});
//開啟HASH
laypage.render({
elem:'demo5'
,count:500
,curr:location.hash.replace('#!fenye=','')//獲取hash值為fenye的當前頁
,hash:'fenye'//自定義hash值
});
//只顯示上一頁、下一頁
laypage.render({
elem:'demo6'
,count:50
,layout:['prev','next']
,jump:function(obj,first){
if(!first){
layer.msg('第'+obj.curr+'頁');
}
}
});
//完整功能
laypage.render({
elem:'demo7'
,count:100
,layout:['count','prev','page','next','limit','skip']
,jump:function(obj){
console.log(obj)
}
});
//自定義排版
laypage.render({
elem:'demo8'
,count:1000
,layout:['limit','prev','page','next']
});
laypage.render({
elem:'demo9'
,count:1000
,layout:['prev','next','page']
});
laypage.render({
elem:'demo10'
,count:1000
,layout:['page','count']
});
//自定義每頁條數的選擇項
laypage.render({
elem:'demo11'
,count:1000
,limit:100
,limits:[100,300,500]
});
//將一段數組分頁展示
//測試數據
vardata=[
'北京',
'上海',
'廣州',
'深圳',
'杭州',
'長沙',
'合肥',
'寧夏',
'成都',
'西安',
'南昌',
'上饒',
'沈陽',
'濟南',
'廈門',
'福州',
'九江',
'宜春',
'贛州',
'寧波',
'紹興',
'無錫',
'蘇州',
'徐州',
'東莞',
'佛山',
'中山',
'成都',
'武漢',
'青島',
'天津',
'重慶',
'南京',
'九江',
'香港',
'澳門',
'台北'
];
//調用分頁
laypage.render({
elem:'demo20'
,count:data.length
,jump:function(obj){
//模擬渲染
document.getElementById('biuuu_city_list').innerHTML=function(){
vararr=[]
,thisData=data.concat().splice(obj.curr*obj.limit-obj.limit,obj.limit);
layui.each(thisData,function(index,item){
arr.push('<li>'+item+'</li>');
});
returnarr.join('');
}();
}
});
});
</script>
</body>
</html>
Ⅳ 如何通過laypage前端分頁插件實現ajax非同步分頁
本文實例為大家分享了laypage前端分頁插件，ajax非同步分頁，獲取json數據實現無刷新分頁，供大家參考，具體內容如下：
function GetList(pageIndex) {
var _this = ""
var clone_this = "";
_this = $(".BindDataList");//數據列表容器，
clone_this = _this.clone(true);
var pageSize = 25;//每頁展示的條數
$.ajax({
type: "get",
async: false,//非同步鎖定，默認為true
url: "../ashx/System/DefaultAjax.ashx",//後端處理數據，返回json格式
data: {"pageIndex": pageIndex, "pageSize": pageSize, },
contentType: "application/json; charset=utf-8",
success: function (data) {
var json = eval("(" + data + ")");
if (json.PageCount > 0) //數據總條數
{
_this.html("");
for (var i = 0; i < json.rows.length ; i++) {
var html = "<li>json數據</li>";
_this.append(html);
}
jsonpage(json, pageIndex, pageSize);
}
else {
_this.html("");
_this.append("");
}
}
});
}
function jsonpage(json, pageIndex, pageSize) {
var coun = json.PageCount;//總數據條數
var pagecount = coun % pageSize == 0 ? coun / pageSize : coun / pageSize + 1;//計算多少頁
var laypageindex = laypage({
cont: 'project_page', //容器。值支持id名、原生dom對象，jquery對象。
skin: '#fb771f',
pages: pagecount, //通過後台拿到的總頁數
curr: pageIndex, //初始化當前頁
first: '|<', //將首頁顯示為數字1,。若不顯示，設置false即可
last: '>|', //將尾頁顯示為總頁數。若不顯示，設置false即可
prev: '<', //若不顯示，設置false即可
next: '>', //若不顯示，設置false即可
jump: function (obj, first) { //觸發分頁後的回調
if (!first) { //點擊跳頁觸發函數自身，並傳遞當前頁：obj.curr
SearchHotTag(obj.curr);
}
}
});
}
Ⅵ 有哪位高人知道wordpress如何添加分頁插件 Thank you
後台插件那裡，點擊安裝插件，搜索 wp-pagenavi
然後在搜索結果里找到wp-pagenavi ，點擊安裝
安裝完後啟用插件，點擊wp-pagenavi 的配置，按照說明來就行了
Ⅶ jQuery分頁插件pagination具體怎麼用求詳細教程
本文實例為大家分享了jQuery Pagination分頁插件的具體代碼，供大家參考，具體內容如下
一、引用CSS和JS：
<link href="/Content/Plugins/jQuery.Pagination_v2.2/pagination.css" rel="external nofollow" rel="stylesheet" type="text/css" /> <script src="/Content/Plugins/jQuery.Pagination_v2.2/jquery.pagination.js" type="text/javascript"></script>
二、HTML：
<div id="Pagination" class="flickr" style="margin-top: 10px; margin-left: 10px;"> </div>
三、JS：
$(function () { var total = parseInt("@(ViewBag.total)"); var page = parseInt("@(ViewBag.page)") - 1; var pageSize = parseInt("@(ViewBag.pageSize)"); $("#Pagination").pagination(total, { callback: function (page_id) { window.location = "BoardList?page=" + page_id + "&pageSize=" + this.items_per_page; }, //PageCallback() 為翻頁調用次函數。 prev_text: " 上一頁", next_text: "下一頁 ", items_per_page: 10, //每頁的數據個數 num_display_entries: 1, //兩側首尾分頁條目數 current_page: page, //當前頁碼 num_edge_entries: 11 //連續分頁主體部分分頁條目數 }); });
四、後台代碼：
public ActionResult BoardList() { PagerModel pager = new PagerModel(); if (Request["page"] == null) { pager.page = 1; pager.rows = 10; pager.sort = "Id"; pager.order = "desc"; } else { pager.page = int.Parse(Request["page"]) + 1; pager.rows = int.Parse(Request["pageSize"]); pager.sort = "Id"; pager.order = "desc"; } boardManageService.GetList(ref pager); List<BoardModel> boardList = pager.result as List<BoardModel>; ViewData["BoardModelList"] = boardList; ViewBag.page = pager.page; ViewBag.total = pager.totalRows; ViewBag.pageSize = pager.rows; return View(); } #endregion
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
Ⅷ jquery page 分頁插件 怎麼使用
如何使用：
$("#page").Page({
totalPages: 14,//total Pages
liNums: 7,//the li numbers(advice use odd)
activeClass: 'activP', //active class style
firstPage: '首頁',//first button name
lastPage: '末頁',//last button name
prv: '?',//prev button name
next: '?',//next button name
hasFirstPage: true,//whether has first button
hasLastPage: true,//whether has last button
hasPrv: true,//whether has prev button
hasNext: true,//whether has next button
callBack : function(page){
//callBack function，page:active page
}
});
Ⅸ 請問一下wordpress新建page模板，然後根據分類取文章，怎樣實現分頁功能呢
<?php
$limit = get_option('posts_per_page');
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
query_posts('cat=類別ID&showposts=' . $limit=10單頁文章數量 . '&paged=' . $paged);
$wp_query->is_archive = true; $wp_query->is_home = false;
?>
<?php while ( have_posts() ) : the_post() ?>
<h2><a href="<?php the_permalink() ?>"><?php the_title() ?></a></h2>
<?php endwhile; ?>
<div class="navigation">
<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } //判斷是否啟用WP-PageNavi分頁插件
else { ?>
<div class="right"><?php next_posts_link('Next Page »') ?></div>系統自帶翻頁
<div class="left"><?php previous_posts_link('« Previous Page') ?></div>系統自帶翻頁
<?php } ?>
</div>