freemaker分页模板
<link href="${base}/res/pra/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${base}/res/basic/js/jquery/jqPaginator.min.js"></script>
<#--
表格标签:用于显示列表数据。
value:列表数据,可以是Pagination也可以是List。
class:table的class样式。默认"pn-ltable"。
sytle:table的style样式。默认""。
width:表格的宽度。默认100%。
-->
<#macro table value listAction="v_list.do" class="tablelist" style="" theadClass="" tbodyClass="" width="" selfPage="" pageId="pagination" pageNoName="pageNo" pageSizeName="pageSize" pageSizeValue="" gotoPageFunction="_gotoPage" checkFieldFunction="checkField">
<table class="${class}" <#if style?has_content>style="${style}"</#if> <#if width?has_content>width="${width}"</#if>>
<#if value?is_sequence><#local pageList=value/><#else><#local pageList=value.list/></#if>
<#list pageList as row>
<#if row_index==0>
<#assign i=-1/>
<thead <#if theadClass?has_content>class="${theadClass}"</#if>><tr><#nested row,i,true/></tr></thead>
</#if>
<#assign i=row_index has_next=row_has_next/>
<#if row_index==0><tbody <#if tbodyClass?has_content>class="${tbodyClass}"</#if>><tr><#else><tr></#if><#nested row,row_index,row_has_next/>
<#if !row_has_next>
</tr></tbody>
<#else>
</tr>
</#if>
</#list>
</table>
<#if !value?is_sequence>
<div class="pagin" id="pagin">
<div class="message">共<i class="blue">${value.totalCount}</i>条记录,当前显示第 <i class="blue">${value.pageNo}/${value.totalPage}</i> 页 每页显示 <input name="${pageSizeName!}" value="<#if pageSizeValue?? && pageSizeValue?has_content>${pageSizeValue!}<#else>${pageSize!20}</#if>" style="width:35px;" onchange="${checkFieldFunction}(this.value)"> 条</div>
<ul class="paginList" id="${pageId}"></ul>
</div>
<script type="text/javascript">
$.jqPaginator('#${pageId}', {
totalPages: ${value.totalPage},
visiblePages: 10,
currentPage: ${value.pageNo},
activeClass: 'current',
prev: '<li class="paginItem"><a href="javascript:;"><span class="pagepre"></span></a></li>',
next: '<li class="paginItem"><a href="javascript:;"><span class="pagenxt"></span></a></li>',
page: '<li class="paginItem"><a href="javascript:;">{{page}}</a></li>',
onPageChange: function (num, type) {
if(type!='init')
<#if selfPage?? && selfPage!="">${selfPage}(num)<#else>${gotoPageFunction}(num)</#if>;
}
});
function ${gotoPageFunction}(pageNo) {
try{
var tableForm = getTableForm();
$("input[name='${pageNoName}']").val(pageNo);
tableForm.action="${listAction}";
tableForm.onsubmit=null;
tableForm.submit();
} catch(e) {
alert('_gotoPage('+pageNo+')方法出错');
}
}
function ${checkFieldFunction}(val)
{
var tableForm = getTableForm();
$("input[name='${pageSizeName}']").val(val);
tableForm.action="${listAction}";
tableForm.onsubmit=null;
tableForm.submit();
}
</script>
</#if>
<script type="text/javascript">
$('.tablelist tbody tr:odd').addClass('odd');
</script>
</#macro>
<form id="tableForm" method="post">
<@e.hidden name="pageNo" value="${pageNo!}"/>
<@e.hidden name="name" value="${name!}"/>
<@e.hidden name="lesson" value="${lesson!}"/>
<@e.hidden name="teacher" value="${teacher!}"/>
<@e.hidden name="type" value="${type!}"/>
<@e.table class="tablelist" listAction="courseList.jspx" value=page;m,i,has_next>
<#if (i >= 0)>
<div class="course">
<div class="img">
<img src="${base}${(m.ctcdPicture)!}" alt="" />
</div>
<div class="contra">
<div class="w-position">
<p class="left">${(m.ctcdName)!}</p>
<p class="right">价格:¥${(m.price)!}</p>
</div>
<div class="dan-xian"></div>
<div class="text-frame">
<div class="text">
视频课程:<span class="blue">${(m.ctcdLesson)!}</span>课时
</div>
<div class="text">
模拟试卷:<span class="blue">${(m.ctcdImitatePaper)!}</span>套
</div>
<div class="text">课程简介:${(m.ctcdSummary)!}</div>
</div>
<div class="btn">
<a href="course_listen.html"><div class="bg st"></div>
</a> <a href=""><div class="bg ckxq"></div>
</a>
</div>
</div>
</div>
</#if>
</@e.table>
</form>
后台代码:
public String courseList(HttpServletRequest request,Integer pageNo, Integer pageSize, ModelMap model) {
CmCheckCycleDef cycleDef = scService.get().getCcdId();
Pagination page = ctcdService.getPage(null, cycleDef.getCcdId(), "",
"", cpn(pageNo), pageSize == null ? CookieUtils.getPageSize(request) : pageSize);
model.addAttribute("page", page);
System.out.println(page.getList().size());
model.addAttribute("linkList", this.getFriendLink());
model.addAttribute("pageNo", pageNo);
model.addAttribute("pageSize", pageSize);
return FrontUtils.getTplPathUrl(FrontUtils.SOLUTION, "",
"course_list");
}
freemaker分页模板的更多相关文章
- 【Java EE 学习 57】【酒店会员管理系统之分页模板书写】
分页一直是一个比较麻烦的问题,特别是在我做的这个系统中更是有大量的分页,为了应对该问题,特地写了一个模板以方便代码重用,该模板包括后台分页的模板.前端显示的模板两部分. 一.分页分析 分页需要三种类型 ...
- Oracle数据库的SQL分页模板
在系统开发过程中,需要对数据进行查询,大部分情况下从数据库中查询的数据量比较大,在系统页面无法全部显示,而且查询全部的数据会影响系统的反应速度,需要对所查询的数据进行分页的查询操作,以此减轻系统的压力 ...
- velocity分页模板
以前用后台java拼接分页代码,不利于修改.找到一份velocity模板. <!-- 分页模板 --> #macro(pager $url $pager) <url class=&q ...
- smarty分页模板(用模板语法写分页)
分页是一个我们经常要用到的.比较基本的小功能,你可以通过定义一个方法或类来对它进行封装.重用.而本文则是通过利用smarty独有的语法,以模版的方式进行封装,从而达到同样的目的. 下面开始具体实现步骤 ...
- 动动手,写个knockout的分页模板
最近一个项目用ASP.NET + knockout开发,很多列表页面都带分页,于是就有了写一个公共的分页模板的想法. 先把template写好: <script type="text/ ...
- SQL Server分页模板
SQL Server分页模板 WITH T AS ( SELECT ROW_NUMBER() OVER(ORDER BY AlbumId ) AS row_number, * FROM (SELECT ...
- freemaker分页备忘
思路:定义一个freemaker宏,接收参数.然后在freemaker页面上import这个文件,把参数传进来在server端渲染. 分页标签:pager.ftl <#-- 自定义的分页指令. ...
- ThinkPHP自定义分页模板
TpPageHelper.php <?php namespace tool; use think\Paginator; class TpPageHelper extends Paginator ...
- js分页模板
/** *参数说明: *currentPage:当前页数 *countPage:总页数 *changeMethod:执行java后台代码的js函数,即是改变分页数据的js函数 */ function ...
随机推荐
- Javascript事件传播
MicroSoft的设计是当事件在元素上触发时,该事件将接着在该节点的父节点触发,以此类推,事件一直沿着DOM树向上传播,直到到达顶层对象document元素.这种自底向上的事件传播方式称为" ...
- RTMP
实时消息传输协议 RTMP(Real Time Messaging Protocol) http://blog.csdn.net/defonds/article/details/17403225 译序 ...
- 调试Android USB遇到的令人费解的问题
上周参照网上代码,做了USB的初步探测程序,工作正常 .今天从硬件部拿到了一段例程,原本打算参考它来完善自己的程序.但运行之后总是报错,逐步跟进错误,进而发现了一个匪疑所思的问题.调试一天也未发现原因 ...
- RxJava学习(一)
注意:文字和图片转载自抛物线博客 参考:http://gank.io/post/560e15be2dca930e00da1083 RxJava 到底是什么 一个词:异步. RxJava 在 GitHu ...
- android viewpager change adapter ---在使用viewpager设置新的adapter的时候发现页面还是显示旧的adapter中的值
有一个需求是当用户选择navigationview中的某一项时,右边的viewpager需要动态切换不同的adapter 发现直接setAdapter没有任何反应,加载的数据还是旧的数据 折腾了半天只 ...
- 测试ODBC与OLE
using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Data. ...
- NOI2014 魔法森林
3669: [Noi2014]魔法森林 Time Limit: 30 Sec Memory Limit: 512 MBSubmit: 106 Solved: 62[Submit][Status] ...
- LFS 中文版手册发布:如何打造自己的 Linux 发行版
您是否想过打造您自己的 Linux 发行版?每个 Linux 用户在他们使用 Linux 的过程中都想过做一个他们自己的发行版,至少一次.我也不例外,作为一个 Linux 菜鸟,我也考虑过开发一个自己 ...
- [swustoj 411] 售货员的难题
售货员的难题(0411) Time limit(ms): 5000 Memory limit(kb): 65535 Submission: 1744 Accepted: 200 Description ...
- T型架构观点学习
一.成为T型人才 眼界格局思维要尽可能的开阔,并不断横向开阔,专业能力要尽可能专注,并且纵向上不断加深: 互联网的快速迭代开发和扁平化管理,使单纯管理人才的作用越来越小,除了分配任务和项目管理,在其他 ...