芒果小站

  1. 全球最具业界良心的主机 - Linode

    毫无疑问,目前做得最好的主机供应商

    猛击这里查看

  2. 芒果小站目前使用的主机 - Linode

    客服响应快,随时退款,XEN 架构稳定

    猛击这里查看

  3. 最好的日本东京线路主机 - Linode

    可选弗里蒙特、达拉斯、亚特兰大、纽瓦克、伦敦、东京机房

    猛击这里查看

  • 1
  • 2
  • 3
切换到精简模式
0

KISSY Pagination 翻页组件模版逻辑修正

作者 芒果/分类 代码/发布于 2011-12-19 11:22
{{#! 显示首页 }}
{{#if currentPage !== startPage }}
<li><a href="javascript:;" data-page="{{ startPage }}">首页</a></li>
<li><a href="javascript:;" data-page="{{ currentPage - 1 }}"><span></span>上一页</a></li>
{{/if}}

{{#! 显示前序页 }}
{{#if currentPage > alwaysDisplayCount}}
<li>...</li>
{{#for var i = currentPage - alwaysDisplayCount + 1; i < currentPage; i++ }}
<li><a href="javascript:;" data-page="{{ i }}">{{ i }}</a></li>
{{/for}}
{{#else}}
{{#for var i = 1; i < currentPage; i++ }}
<li><a href="javascript:;" data-page="{{ i }}">{{ i }}</a></li>
{{/for}}
{{/if}}

{{#! 显示当前页 }}
<li><a href="javascript:;">{{ currentPage }}</a></li>

{{#! 显示后序页 }}
{{#if currentPage + alwaysDisplayCount <= endPage }}
{{#for var i = currentPage + 1; i < currentPage + alwaysDisplayCount; i++ }}
<li><a href="javascript:;" data-page="{{ i }}">{{ i }}</a></li>
{{/for}}
<li>...</li>
{{#else}}
{{#for var i = currentPage + 1; i <= endPage; i++ }}
<li><a href="javascript:;" data-page="{{ i }}">{{ i }}</a></li>
{{/for}}
{{/if}}

{{#! 显示末页 }}
{{#if currentPage !== endPage }}
<li><a href="javascript:;" data-page="{{ currentPage + 1 }}">下一页<span></span></a></li>
<li><a href="javascript:;" data-page="{{ endPage }}">末页</a></li>
{{/if}}
版权所有,转载请注明出处。
转载自 <a href="http://mangguo.org/kissy-pagination-logic-correct-page-template-components/" title="KISSY Pagination 翻页组件模版逻辑修正" rel="bookmark">KISSY Pagination 翻页组件模版逻辑修正 | 芒果小站</a>
如果喜欢这篇文章,欢迎订阅芒果小站以获得最新内容。

下面我简单说几句