WCM样例系列－图片新闻翻页(转)

转载http://iciclefire.itpub.net/post/29987/287722

就图片新闻那个例子，我们再做个扩展－添加翻页的功能。

如果看客使用过WCM v6.0以前的版本，都知道之前的WCM不提供翻页的功能，只能够通过一些编程的手段来实现。v6.0好了，提供了一个叫“页面导航”的组件，专门来实现翻页的功能。

通过WCM Authoring Portlet工具新建一个“页面导航”组件。可以选择两种类型的分页控件：

1. 往复式，即实现第一页、上一页、下一页和最后一页。如图中的<<(第一页) <(上一页) >(下一页) >>(最后一页)
2. 分页式，即实现页面编号。如图中1 2 3

• 页眉，样例代码：<table border="0"><tr><td>
• 分隔符，样例代码：</td><td>
• 页脚，样例代码：&nbsp;&nbsp;页面&nbsp;<PageInfo value="currentPage"/><PageInfo value="unknownPages" knowntext="" unknowntext="of at least"/>总共&nbsp;<PageInfo value="totalPages"/></td></tr></table>（如图中页面1总共3）
• 第一页控件（活动设计，即被选择状态），样例代码：<font color="#000000">&lt;&lt;</font>
• 第一页控件（非活动设计，未被选择状态），样例代码：<font color="#999999">&lt;&lt;</font>
• 上一页控件（活动设计），样例代码：<font color="#000000">&lt;</font>
• 上一页控件（非活动设计），样例代码：<font color="#999999">&lt;</font>
• 下一页控件（活动设计），样例代码：<font color="#000000">&gt;</font>
• 下一页控件（非活动设计），样例代码：<font color="#999999">&gt;</font>
• 最后一页控件（活动设计），样例代码：<font color="#000000">&gt;&gt;</font>
• 最后一页空间（非活动设计），样例代码：<font color="#999999">&gt;&gt;</font>
• 最后一项选择是否限定翻页的页面数量，酌情处理。

最后，把“页面导航”组件添加到“菜单”组件的页脚处，样例代码：<tr><td colspan="3"><Component name="PagingLink"/></td></tr></table>

 

 

本人测试结果:

注意设置菜单菜单设计属性