列表頁分頁分兩種情況
1\.使用bootstrap框架布局頁面,并使用bootstrap的分頁插件進行分頁
2\.未使用bootstrap框架布局頁面
#### 1.使用bootstrap框架布局頁面,并使用bootstrap的分頁插件進行分頁
在列表頁中加入 <ul class="pagination" id="pagination"></ul> 代碼,并引入bootstrappage.js分頁插件,再寫javascript代碼分頁代碼。代碼如下:
<script type="text/javascript"> (function($) {
// 通知公告列表
// value每頁20條,15個按鈕,共200條createPage({$listRow}, 15, {$count});
function createPage(pageSize, buttons, total) {
$(".pagination").jBootstrapPage({ pageSize: pageSize,
total: total, initSelecteIndex: {$p}, maxPageButton: buttons,
onPageClicked: function(obj, pageIndex) {
// urlAddParam('p', pageIndex + 1); window.location.href = urlAddParam('p', pageIndex + 1);
}
});
}
/\*\*
\* \[urlAddParam Thinkphp URL兼容模式添加參數\]
\* @param {\[type\]} key \[參數鍵名\]
\* @param {\[type\]} value \[參數值\]
\* @return {\[type\]} \[Thinkphp URL兼容模式,URL字符串\]
\*/
function urlAddParam(key, value){ var app = window.location.href;
var split = '{:C("URL\_PATHINFO\_DEPR")}';
var paramSplit = {:C('URL\_MODEL')} > 2 ? '?s=' : '/'; if(paramSplit == '?s='){
var href = app.split(paramSplit)\[0\]; var param = app.split(paramSplit)\[1\];
}else{
var href = 'http://'+window.location.host
var param = window.location.pathname.substr(1);
}
var ext = param.split('.')\[1\];
param = param.replace('.'+ext,'');
YNCMS模板制作標簽調用
param = param.split(split); var isexit = false;
var index;
for (var i = 0; i < param.length - 1; i++) { if(param\[i\] == key){
isexit = true; index = i;
}
}
if(isexit){
param\[index + 1\] = value;
}else{
param.push(key); param.push(value);
}
param = param.join(split);
app = href + paramSplit + param + '.' + ext; return app;
}
})(jQuery);
</script>
YNCMS模板制作標簽調用
param = param.split(split); var isexit = false;
var index;
for (var i = 0; i < param.length - 1; i++) { if(param\[i\] == key){
isexit = true; index = i;
}
}
if(isexit){
param\[index + 1\] = value;
}else{
param.push(key); param.push(value);
}
param = param.join(split);
app = href + paramSplit + param + '.' + ext; return app;
}
})(jQuery);
</script>
可以將上面這段代碼封裝入一個文件,再在需要的地方引入即可。
#### 2.未使用bootstrap框架布局頁面
在列表頁需要插入 {$page} 調用分頁代碼結構。
可以在Home分組Column控制器的index方法里面進行整站定制。
找到 $Page = new \\Think\\Page($count,$listRow); 代碼,在該代碼的下一行配置分頁樣式,通過
$Page -> setConfig(); 來進行配置。
setConfig方法支持的屬性包括:
屬性
描述
header
頭部描述信息,默認值 “共 %TOTAL\_ROW% 條記錄”
prev
上一頁描述信息,默認值 “<<”
next
下一頁描述信息,默認值 “>>”
first
第一頁描述信息,默認值 “1...”
last
最后一頁描述信息,默認值 “...%TOTAL\_PAGE%”
theme
分頁主題描述信息,包括了上面所有元素的組合 ,設置該屬性可以改變分頁的各個單元的顯示位置,默認值是 "%FIRST% %UP\_PAGE% %LINK\_PAGE% %DOWN\_PAGE%
%END%"
其中,顯示位置的對應的關系為:
位置
說明
%FIRST%
表示第一頁的鏈接顯示
%UP\_PAGE%
表示上一頁的鏈接顯示
%LINK\_PAGE%
表示分頁的鏈接顯示
%DOWN\_PAGE%
表示下一頁的鏈接顯示
%END%
表示最后一頁的鏈接顯示
除了改變顯示信息外,你還可以使用樣式來定義分頁的顯示效果。 這些樣式class包括:first(第一頁)、
prev(上一頁)、next(下一頁)、end(最后一頁)、num(其他頁的數字)、current(當前頁)。
- ThinkPHP模板
- 變量輸出
- 系統變量
- 系統變量輸出
- 常量輸出
- 配置輸出
- 語言變量
- 使用函數
- 默認值輸出
- 使用運算符
- 標簽庫
- 導入標簽庫
- 內置標簽
- 標簽庫預加載
- 模板繼承
- 修改定界符
- 普通標簽
- XML標簽
- 三元運算符
- 包含文件
- 使用模版表達式
- 使用模版文件
- 傳入參數
- 內置標簽
- Volist標簽
- Foreach標簽
- For標簽
- Switch標簽
- 比較標簽
- 范圍判斷標簽
- IN和NOTIN
- BETWEEN 和 NOTBETWEEN
- RANGE
- IF標簽
- Present標簽
- Empty標簽
- Defined標簽
- Assign標簽
- Define標簽
- 標簽嵌套
- import標簽
- 使用PHP代碼
- 使用php標簽
- 使用原生php代碼
- 原樣輸出
- 模板注釋
- 單行注釋
- 多行注釋
- 模板布局
- 第一種方式:全局配置方式
- 第二種方式:模板標簽方式
- 第三種方式:使用layout控制模板布局
- 模板替換
- 調用導航
- 調用欄目信息
- 根據欄目Id獲取欄目信息
- 首頁&封面調用信息列表
- 調用新聞列表
- 當前位置
- 當前位置
- 列表頁分頁
- 熱門信息
- 獲取熱門信息
- 上一篇&下一篇
- YNCMS函數
- YNCMS插件開發
- 開始開發