页面导航设计示例

这是页面导航元素的设计示例。

该示例使用两个页面导航元素生成类似于以下内容的页面导航系统：

表 1. 生成页面导航系统的两个页面导航元素的示例
`<<`	`<`	`...`	`4,5,6`	`...`	`>`	`>>`
第 5 页，共 10 页。		转至页面：				显示项数：10 \| 50 \| 全部

第一个页面导航元素

创建名为“firstnavigation”的页面导航组件。
选择穿梭（第一个、前一个、后一个和最后一个控件）和页面调度（页面编号和连续页面）。
选择限制页数并在相关字段中输入 3。

在这些元素设计字段中输入以下文本：

表 2. 第一页导航元素设计
设计元素	设计代码
页眉	`<span>`
页脚	`</span>`
分隔符	`\| </span><span>`
第一个控件 - 活动设计	`<font color="#000000"><<</font>`
第一个控件 - 不活动设计	`<font color="#999999"><<</font>`
前一个控件 - 活动设计	`<font color="#000000"><</font>`
前一个控件 - 不活动设计	`<font color="#999999"><</font>`
下一个控件 - 活动设计	`<font color="#000000">></font>`
下一个控件 - 不活动设计	`<font color="#999999">></font>`
最后一个控件 - 活动设计	`<font color="#000000">>></font>`
最后一个控件 - 不活动设计	`<font color="#999999">>></font>`
连续页面	`...`

第二页导航元素

创建名为“secondnavigation”的页面导航组件。
选择跳至页面（页面输入框）和页面大小（页面大小选择）。
在跳至页面（页面输入框）部分中定义此设置：
- 字段标签：转至页面：
- 字段大小：3
在页面大小控制部分中定义此设置：
- 字段标签：显示项数：
- 页面大小：
```
10 | 10
50 | 50
0 | All
```

在这些元素设计字段中输入以下文本：

表 3. 第二页导航元素设计
设计元素	设计代码
页眉	<span> Page [PageInfo value="currentPage" ] [PageInfo value="unknownPages" knowntext="of" unknowntext="of at least" ] [PageInfo value="totalPages" ]. </span> <span>
页脚	\| </span>
分隔符	</span><span>

引用另一个元素设计中的页面导航组件

使用组件标记可在菜单等其他元素设计中引用两个页面导航组件：

<div>
[component name="firstnavigation" ]
<br>
[component name="secondnavigation" ]
</div>