<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>条记录,当前显示第&nbsp;<i class="blue">${value.pageNo}/${value.totalPage}</i>&nbsp;页&nbsp;每页显示&nbsp;<input name="${pageSizeName!}" value="<#if pageSizeValue?? && pageSizeValue?has_content>${pageSizeValue!}<#else>${pageSize!20}</#if>" style="width:35px;" onchange="${checkFieldFunction}(this.value)">&nbsp;条</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分页模板的更多相关文章

  1. 【Java EE 学习 57】【酒店会员管理系统之分页模板书写】

    分页一直是一个比较麻烦的问题,特别是在我做的这个系统中更是有大量的分页,为了应对该问题,特地写了一个模板以方便代码重用,该模板包括后台分页的模板.前端显示的模板两部分. 一.分页分析 分页需要三种类型 ...

  2. Oracle数据库的SQL分页模板

    在系统开发过程中,需要对数据进行查询,大部分情况下从数据库中查询的数据量比较大,在系统页面无法全部显示,而且查询全部的数据会影响系统的反应速度,需要对所查询的数据进行分页的查询操作,以此减轻系统的压力 ...

  3. velocity分页模板

    以前用后台java拼接分页代码,不利于修改.找到一份velocity模板. <!-- 分页模板 --> #macro(pager $url $pager) <url class=&q ...

  4. smarty分页模板(用模板语法写分页)

    分页是一个我们经常要用到的.比较基本的小功能,你可以通过定义一个方法或类来对它进行封装.重用.而本文则是通过利用smarty独有的语法,以模版的方式进行封装,从而达到同样的目的. 下面开始具体实现步骤 ...

  5. 动动手,写个knockout的分页模板

    最近一个项目用ASP.NET + knockout开发,很多列表页面都带分页,于是就有了写一个公共的分页模板的想法. 先把template写好: <script type="text/ ...

  6. SQL Server分页模板

    SQL Server分页模板 WITH T AS ( SELECT ROW_NUMBER() OVER(ORDER BY AlbumId ) AS row_number, * FROM (SELECT ...

  7. freemaker分页备忘

    思路:定义一个freemaker宏,接收参数.然后在freemaker页面上import这个文件,把参数传进来在server端渲染. 分页标签:pager.ftl <#-- 自定义的分页指令. ...

  8. ThinkPHP自定义分页模板

    TpPageHelper.php <?php namespace tool; use think\Paginator; class TpPageHelper extends Paginator ...

  9. js分页模板

    /** *参数说明: *currentPage:当前页数 *countPage:总页数 *changeMethod:执行java后台代码的js函数,即是改变分页数据的js函数 */ function  ...

随机推荐

  1. Javascript事件传播

    MicroSoft的设计是当事件在元素上触发时,该事件将接着在该节点的父节点触发,以此类推,事件一直沿着DOM树向上传播,直到到达顶层对象document元素.这种自底向上的事件传播方式称为" ...

  2. RTMP

    实时消息传输协议 RTMP(Real Time Messaging Protocol) http://blog.csdn.net/defonds/article/details/17403225 译序 ...

  3. 调试Android USB遇到的令人费解的问题

    上周参照网上代码,做了USB的初步探测程序,工作正常 .今天从硬件部拿到了一段例程,原本打算参考它来完善自己的程序.但运行之后总是报错,逐步跟进错误,进而发现了一个匪疑所思的问题.调试一天也未发现原因 ...

  4. RxJava学习(一)

    注意:文字和图片转载自抛物线博客 参考:http://gank.io/post/560e15be2dca930e00da1083 RxJava 到底是什么 一个词:异步. RxJava 在 GitHu ...

  5. android viewpager change adapter ---在使用viewpager设置新的adapter的时候发现页面还是显示旧的adapter中的值

    有一个需求是当用户选择navigationview中的某一项时,右边的viewpager需要动态切换不同的adapter 发现直接setAdapter没有任何反应,加载的数据还是旧的数据 折腾了半天只 ...

  6. 测试ODBC与OLE

    using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Data. ...

  7. NOI2014 魔法森林

    3669: [Noi2014]魔法森林 Time Limit: 30 Sec  Memory Limit: 512 MBSubmit: 106  Solved: 62[Submit][Status] ...

  8. LFS 中文版手册发布:如何打造自己的 Linux 发行版

    您是否想过打造您自己的 Linux 发行版?每个 Linux 用户在他们使用 Linux 的过程中都想过做一个他们自己的发行版,至少一次.我也不例外,作为一个 Linux 菜鸟,我也考虑过开发一个自己 ...

  9. [swustoj 411] 售货员的难题

    售货员的难题(0411) Time limit(ms): 5000 Memory limit(kb): 65535 Submission: 1744 Accepted: 200 Description ...

  10. T型架构观点学习

    一.成为T型人才 眼界格局思维要尽可能的开阔,并不断横向开阔,专业能力要尽可能专注,并且纵向上不断加深: 互联网的快速迭代开发和扁平化管理,使单纯管理人才的作用越来越小,除了分配任务和项目管理,在其他 ...