zdcms自定义分页样式配置
一、全局配置文件
/config/page/pc/page.php 电脑端 前端分页样式 /config/page/pc/member.php 电脑端 用户中心分页样式 /config/page/mobile/page.php 移动端 前端分页样式 /config/page/mobile/member.php 移动端 用户中心分页样式
分页配置文件解析：
<?php /** * 自定义分页标签样式 * * 参数说明：http://codeigniter.org.cn/user_guide/libraries/pagination.html */ return array( // 自定义“统计”链接 'total_link' => '共%s条', // 你希望在分页中显示“统计”链接的名字。如果你不希望显示，可以把它的值设为 FALSE 'total_tag_open' => '<li>', // “统计”链接的打开标签 'total_tag_close' => '</li>', // “统计”链接的关闭标签 // 自定义“下一页”链接 'next_link' => '下一页', // 你希望在分页中显示“下一页”链接的名字。如果你不希望显示，可以把它的值设为 FALSE 'next_tag_open' => '<li>', // “下一页”链接的打开标签 'next_tag_close' => '</li>', // “下一页”链接的关闭标签 // 自定义“上一页”链接 'prev_link' => '上一页', // 你希望在分页中显示“上一页”链接的名字。如果你不希望显示，可以把它的值设为 FALSE 'prev_tag_open' => '<li>', // “上一页”链接的打开标签 'prev_tag_close' => '</li>', // “上一页”链接的关闭标签 // 自定义“当前页”链接 'cur_tag_open' => '<li class="active"><a>', // “当前页”链接的打开标签 'cur_tag_close' => '</a></li>', // “当前页”链接的关闭标签 // 自定义“数字”链接 'num_tag_open' => '<li>', // “数字”链接的打开标签 'num_tag_close' => '</li>', // “数字”链接的关闭标签 // 自定义“最后一页”链接 'last_link' => '最后一页', // 你希望在分页的右边显示“最后一页”链接的名字。如果你不希望显示，可以把它的值设为 FALSE 'last_tag_open' => '<li>', // “最后一页”链接的打开标签 'last_tag_close' => '</li>', // “最后一页”链接的关闭标签 // 自定义“第一页”链接 'first_link' => '第一页', // 你希望在分页的左边显示“第一页”链接的名字。如果你不希望显示，可以把它的值设为 FALSE 'first_tag_open' => '<li>', // “第一页”链接的打开标签 'first_tag_close' => '</li>', // “第一页”链接的关闭标签 // 是否显示数字链接 'display_pages' => TRUE, // 给每一个链接添加 CSS 类 'anchor_class' => '', // 显示的分页数字个数 'num_links' => 4, // 区域标签 'full_tag_open' => '<ul class="pagination">', // 区域标签 'full_tag_close' => '</ul>', );
二、临时配置文件
临时配置只针对本地查询的分页标签，写在本次查询之前，语法格式为：
<?php $this->set_page_config(array(
/**这里是自定义分页样式配置文件*/
// 自定义“统计”链接
'total_link' => '共%s条', // 你希望在分页中显示“统计”链接的名字。如果你不希望显示，可以把它的值设为 FALSE
'total_tag_open' => '', // “统计”链接的打开标签
'total_tag_close' => '', // “统计”链接的关闭标签
// 自定义“下一页”链接
'next_link' => '下一页', // 你希望在分页中显示“下一页”链接的名字。如果你不希望显示，可以把它的值设为 FALSE
'next_tag_open' => '', // “下一页”链接的打开标签
'next_tag_close' => '', // “下一页”链接的关闭标签
// 自定义“上一页”链接
'prev_link' => '上一页', // 你希望在分页中显示“上一页”链接的名字。如果你不希望显示，可以把它的值设为 FALSE
'prev_tag_open' => '', // “上一页”链接的打开标签
'prev_tag_close' => '', // “上一页”链接的关闭标签
// 自定义“当前页”链接
'cur_tag_open' => '<a class="now">', // “当前页”链接的打开标签
'cur_tag_close' => '</a>', // “当前页”链接的关闭标签
// 自定义“数字”链接
'num_tag_open' => '', // “数字”链接的打开标签
'num_tag_close' => '', // “数字”链接的关闭标签
// 自定义“最后一页”链接
'last_link' => false,
// 自定义“第一页”链接
'first_link' => false,
// 是否显示数字链接
'display_pages' => TRUE,
// 给每一个链接添加 CSS 类
'anchor_class' => '',
// 显示的分页数字个数
'num_links' => 4,
// 区域标签
'full_tag_open' => '',
// 区域标签
'full_tag_close' => '',
));?>
{module ....}
{/module}调用分页时就按本次配置为准：
{$pages}三、其他例子
1、给分页加select选择页数，适用于列表页面和搜索页面
{$pages}
////////////开始//////////////
{if $nums}
<select onchange="dr_go_page(this.value)">
{php $pp = range(1,$nums);}
{loop $pp $p}
<option value="{$p}">第{$p}页</option>
{/loop}
</select>
<script>
function dr_go_page(value) {
var url="{$urlrule}";
if (value) {
location.href=url.replace('%7Bpage%7D', value);
}
}
</script>
{/if}2、跳转页面设置
<div class="input-group">
<input type="text" class="form-control" onkeypress="if(event.keyCode==13) { dr_module_search_page();return false;}" id="search_page">
<span class="input-group-btn">
<button class="btn btn-sm blue" onclick="dr_module_search_page()" type="button"> <i class="fa fa-search"></i> 页</button>
</span>
</div>
<script>
// 这段js是用来执行搜索的
function dr_module_search_page() {
var url="{$urlrule}";
var value = $("#search_page").val();
if (value) {
url = url.replace('%7Bpage%7D', value);
url = url.replace('%5Bpage%5D', value);
url = url.replace('[page]', value);
location.href=url;
} else {
$("#search_page").focus()
dr_tips(0, "输入页码");
}
return false;
}
</script>