我也来秀一个FreeMarker自定义的数据分页标签及使用示例
2015-01-06 23:12
323 查看
1. 先贴出分页标签pager.ftl的全部代码:
----------------------------------------------------------------------------------------------------------------------
<#-- 自定义的分页指令 (powered by qiujy)
属性:
pageNo 当前页号(int类型)
pageSize 每页要显示的记录数(int类型)
toURL 点击分页标签时要跳转到的目标URL(string类型)
recordCount 总记录数(int类型)
-->
<#macro pager pageNo pageSize toURL recordCount>
<#-- 定义局部变量pageCount保存总页数 -->
<#assign pageCount=((recordCount + pageSize - 1) / pageSize)?int>
<#if recordCount==0><#return/></#if>
<#-- 输出分页样式 -->
<style type="text/css">
.pagination {padding: 5px;float:right;font-size:12px;}
.pagination a, .pagination a:link, .pagination a:visited {padding: 2px 5px;margin: 2px;border: 1px solid #aaaadd;text-decoration: none;color: #006699;}
.pagination a:hover, .pagination a:active {border: 1px solid #ff0000;color: #000;text-decoration: none;}
.pagination span.current {padding: 2px 5px;margin: 2px;border: 1px solid #ff0000;font-weight: bold;background-color: #ff0000;color: #FFF;}
.pagination span.disabled {padding: 2px 5px;margin: 2px;border: 1px solid #eee; color: #ddd;}
</style>
<#-- 页号越界处理 -->
<#if (pageNo > pageCount)>
<#assign pageNo=pageCount>
</#if>
<#if (pageNo < 1)>
<#assign pageNo=1>
</#if>
<#-- 输出分页表单 -->
<div class="pagination">
<form method="post" action="" name="qPagerForm">
<#-- 把请求中的所有参数当作隐藏表单域(无法解决一个参数对应多个值的情况) -->
<#list RequestParameters?keys as key>
<#if (key!="pageNo" && RequestParameters[key]??)>
<input type="hidden" name="${key}" value="${RequestParameters[key]}"/>
</#if>
</#list>
<input type="hidden" name="pageNo" value="${pageNo}"/>
<#-- 上一页处理 -->
<#if (pageNo == 1)>
<span class="disabled">« 上一页</span>
<#else>
<a href="javascript:turnOverPage(${pageNo - 1})">« 上一页</a>
</#if>
<#-- 如果前面页数过多,显示... -->
<#assign start=1>
<#if (pageNo > 4)>
<#assign start=(pageNo - 1)>
<a href="javascript:turnOverPage(1)">1</a>
<a href="javascript:turnOverPage(2)">2</a>…
</#if>
<#-- 显示当前页号和它附近的页号 -->
<#assign end=(pageNo + 1)>
<#if (end > pageCount)>
<#assign end=pageCount>
</#if>
<#list start..end as i>
<#if (pageNo==i)>
<span class="current">${i}</span>
<#else>
<a href="javascript:turnOverPage(${i})">${i}</a>
</#if>
</#list>
<#-- 如果后面页数过多,显示... -->
<#if (end < pageCount - 2)>
…
</#if>
<#if (end < pageCount - 1)>
<a href="javascript:turnOverPage(${pageCount - 1})">${pageCount-1}</a>
</#if>
<#if (end < pageCount)>
<a href="javascript:turnOverPage(${pageCount})">${pageCount}</a>
</#if>
<#-- 下一页处理 -->
<#if (pageNo == pageCount)>
<span class="disabled">下一页 »</span>
<#else>
<a href="javascript:turnOverPage(${pageNo + 1})">下一页 »</a>
</#if>
</form>
<script language="javascript">
function turnOverPage(no){
var qForm=document.qPagerForm;
if(no>${pageCount}){no=${pageCount};}
if(no<1){no=1;}
qForm.pageNo.value=no;
qForm.action="${toURL}";
qForm.submit();
}
</script>
</div>
</#macro>
----------------------------------------------------------------------------------------------------------------------
2. 再贴出使用图效:
全部查询:
![](http://p.blog.csdn.net/images/p_blog_csdn_net/qjyong/EntryImages/20091019/ftl_pager_all.png)
根据名称模糊搜索:
![](http://p.blog.csdn.net/images/p_blog_csdn_net/qjyong/EntryImages/20091019/ftl_pager_like.png)
3. 对应的源代码和使用示例,我已经上传到CSDN的资源库中了,对应链接为:http://download.csdn.net/source/1751655
----------------------------------------------------------------------------------------------------------------------
<#-- 自定义的分页指令 (powered by qiujy)
属性:
pageNo 当前页号(int类型)
pageSize 每页要显示的记录数(int类型)
toURL 点击分页标签时要跳转到的目标URL(string类型)
recordCount 总记录数(int类型)
-->
<#macro pager pageNo pageSize toURL recordCount>
<#-- 定义局部变量pageCount保存总页数 -->
<#assign pageCount=((recordCount + pageSize - 1) / pageSize)?int>
<#if recordCount==0><#return/></#if>
<#-- 输出分页样式 -->
<style type="text/css">
.pagination {padding: 5px;float:right;font-size:12px;}
.pagination a, .pagination a:link, .pagination a:visited {padding: 2px 5px;margin: 2px;border: 1px solid #aaaadd;text-decoration: none;color: #006699;}
.pagination a:hover, .pagination a:active {border: 1px solid #ff0000;color: #000;text-decoration: none;}
.pagination span.current {padding: 2px 5px;margin: 2px;border: 1px solid #ff0000;font-weight: bold;background-color: #ff0000;color: #FFF;}
.pagination span.disabled {padding: 2px 5px;margin: 2px;border: 1px solid #eee; color: #ddd;}
</style>
<#-- 页号越界处理 -->
<#if (pageNo > pageCount)>
<#assign pageNo=pageCount>
</#if>
<#if (pageNo < 1)>
<#assign pageNo=1>
</#if>
<#-- 输出分页表单 -->
<div class="pagination">
<form method="post" action="" name="qPagerForm">
<#-- 把请求中的所有参数当作隐藏表单域(无法解决一个参数对应多个值的情况) -->
<#list RequestParameters?keys as key>
<#if (key!="pageNo" && RequestParameters[key]??)>
<input type="hidden" name="${key}" value="${RequestParameters[key]}"/>
</#if>
</#list>
<input type="hidden" name="pageNo" value="${pageNo}"/>
<#-- 上一页处理 -->
<#if (pageNo == 1)>
<span class="disabled">« 上一页</span>
<#else>
<a href="javascript:turnOverPage(${pageNo - 1})">« 上一页</a>
</#if>
<#-- 如果前面页数过多,显示... -->
<#assign start=1>
<#if (pageNo > 4)>
<#assign start=(pageNo - 1)>
<a href="javascript:turnOverPage(1)">1</a>
<a href="javascript:turnOverPage(2)">2</a>…
</#if>
<#-- 显示当前页号和它附近的页号 -->
<#assign end=(pageNo + 1)>
<#if (end > pageCount)>
<#assign end=pageCount>
</#if>
<#list start..end as i>
<#if (pageNo==i)>
<span class="current">${i}</span>
<#else>
<a href="javascript:turnOverPage(${i})">${i}</a>
</#if>
</#list>
<#-- 如果后面页数过多,显示... -->
<#if (end < pageCount - 2)>
…
</#if>
<#if (end < pageCount - 1)>
<a href="javascript:turnOverPage(${pageCount - 1})">${pageCount-1}</a>
</#if>
<#if (end < pageCount)>
<a href="javascript:turnOverPage(${pageCount})">${pageCount}</a>
</#if>
<#-- 下一页处理 -->
<#if (pageNo == pageCount)>
<span class="disabled">下一页 »</span>
<#else>
<a href="javascript:turnOverPage(${pageNo + 1})">下一页 »</a>
</#if>
</form>
<script language="javascript">
function turnOverPage(no){
var qForm=document.qPagerForm;
if(no>${pageCount}){no=${pageCount};}
if(no<1){no=1;}
qForm.pageNo.value=no;
qForm.action="${toURL}";
qForm.submit();
}
</script>
</div>
</#macro>
----------------------------------------------------------------------------------------------------------------------
2. 再贴出使用图效:
全部查询:
![](http://p.blog.csdn.net/images/p_blog_csdn_net/qjyong/EntryImages/20091019/ftl_pager_all.png)
根据名称模糊搜索:
![](http://p.blog.csdn.net/images/p_blog_csdn_net/qjyong/EntryImages/20091019/ftl_pager_like.png)
3. 对应的源代码和使用示例,我已经上传到CSDN的资源库中了,对应链接为:http://download.csdn.net/source/1751655
相关文章推荐
- 我也来秀一个FreeMarker自定义的数据分页标签及使用示例
- FreeMarker自定义的数据分页标签及使用示例
- 一个相当好的自定义标签---分页(二)
- 千万级数据分页之二---一个简单的自定义分页控件
- 分析自定义数据分页标签的案例,上传分析过程。
- [参考]一个ASP.Net的DataGrid分页控件,在Oracle数据库下,每次只取当前页的数据,不使用存储过程
- 千万级数据分页之二---一个简单的自定义分页控件
- 在Action中查询出SQL SERVER表的数据,返回一个list。怎么在JSP页面中使用Struts标签,显示出表中的内容?(转)
- 一个相当好的自定义标签---分页
- 分析自定义数据分页标签的案例
- 帝国CMS教程使用技巧自定义列表标签SQL数据调用实例
- 用freemarker做模板创建一个struts2自定义标签
- 一个完整的对日期、金额格式化的标签及使用示例
- 在Struts中使用displaytag标签的排序/分页数据
- 我写的一个自定义分页标签
- 分页解决方案 之 QuickPager的使用方法(PostBack分页、自定义获取数据)
- 一个使用c++在lua中创建自定义数据类型的简易方法
- 自定义分页标签结合spring mvc、bootstrap、mybatis、mysql的使用
- extjs 分页使用jsp传递数据示例
- 自定义数据分页示例