帮助

CmsHao:pageItem标签

 

标签说明

显示翻页项(上一页、下一页、当前页、页跳转、页导航等)

属性列表

下表显示所有属于此元素的属性列表。

属性

可能的取值

默认值

简介

type

 

 

显示翻页元素的类型。此属性只可属于以下可能的取值的一种。

 

FirstPage

 

首页

 

LastPage

 

末页

 

PreviousPage

 

上一页

 

NextPage

 

下一页

 

CurrentPageIndex

 

当前页数

 

TotalPageNum

 

总页数

 

TotalNum

 

总条数

 

PageNavigation

 

页导航链接

 

PageSelect

 

页跳转下拉列表

text

 

根据type属性的不同而不同

显示的文字

linkClass

 

 

链接CSS

textClass

 

 

非链接CSS

listNum

 

 

页导航或页跳转显示链接数

listEllipsis

 

 

页导航或页跳转链接太多时显示的省略号

target

 

 

打开窗口的目标

子元素列表

下表显示此元素所有的子元素。

子元素

简介

cmshao:successTemplate

能够转到对应页面时的显示模板(非当前页),可以省略

cmshao:failureTemplate

不能转到对应页面时的显示模板(当前页),可以省略

注意

<cmshao:pageItem> 元素需要在元素 <cmshao:pageItems> 内使用。

cmshao:pageItem 元素内可以嵌入代码,如果需要根据是否当前页显示不同的样式,需要使用子元素<cmshao:successTemplate><cmshao:failureTemplate>,非当前页时将显示<cmshao:successTemplate>中的内容,当前页时将显示<cmshao:failureTemplate>中的内容。

<cmshao:successTemplate><cmshao:failureTemplate> 通常包含<a>链接,其中可以包含{Current.Url}以及{Current.Num}实体,分别代表翻页链接地址及当前页页码。

type 属性为“FirstPage”“ PreviousPage”“ NextPage”“ LastPage”“PageNavigation”之一时:

如果元素内未包含内容,系统将显示默认链接。

如果元素内包含内容,系统将指定的内容,同时将解析内容中包含的{Current.Url}{Current.Num}实体。

如果 元素内包含<cmshao:successTemplate><cmshao:failureTemplate>,系统将根据是否当前页为对应页显示不同的内容,同时将解析子元素中包含的{Current.Url}{Current.Num}实体。

type 属性为“CurrentPageIndex”“TotalPageNum”时,翻页项将显示当前页对应的页码及总页数。
type 属性为“PageSelect”时,翻页项将显示翻页跳转下拉框。

列表相关介绍请参见列表元素及列表项

示例

示例一:显示文字链接下一页

下面的例子显示由文字“下一页”显示的链接,点击后页面转到下一页中。

<cmshao:pageItem type="NextPage" text="下一页:"></cmshao:pageItem>

示例二:显示翻页导航

翻页项根据是否当前页显示不同的风格

<cmshao:pageItem type="PageNavigation">

    <cmshao:successTemplate>

        <a href="{Current.Url}">{Current.Num}</a>

    </cmshao:successTemplate>

    <cmshao:failureTemplate>

        <span class="current">{Current.Num}</span>

    </cmshao:failureTemplate>

</cmshao:pageItem>

示例三:显示上一页、数字导航及下一页

下面的例子显示包含CSS样式的组合翻页标签,可以直接拷贝到模板中使用。

<style type="text/css">

.page_wrap{clear:both; margin-bottom:10px; overflow:hidden;zoom:1;}

.paginator {float:right; height:25px; overflow:hidden; }

.paginator,

.paginator input,

.paginator button {font-family:Tahoma, "宋体"; font-size:12px; }

.paginator a,

.paginator span {float:left; height:23px; margin:0 5px 0 0; text-align:center; white-space:nowrap; vertical-align:middle; line-height:23px; background:#fff; }

.paginator a {color:#085C9B; }

.paginator b{font-family:"宋体"; margin:3px;font-weight:300;}

.paginator a:link,

.paginator a:visited,

.paginator a:hover,

.paginator a:active {text-decoration:none; }

.paginator .page-start,

.paginator a,

.paginator .page-end {padding:0 8px; border:1px solid #D3D3D3; background:#ffffff; }

.paginator .page-start {border-color:#d9d9d9; color:#d9d9d9; }

.paginator .page-end { border-color:#d9d9d9;  color:#d9d9d9; }

.paginator .page-this,

.paginator .page-break {padding:0 3px; }

.paginator .page-break {border:1px solid #fff; }

.paginator .page-this {border:1px solid #D3D3D3;background-color:#E9E9E9; color:#D4105A;padding:0px 8px; font-weight:bold; }

.paginator .page-skip {height:22px; line-height:22px; padding:0 3px; margin:0; background:none; }

.paginator .page-skip input {width:26px;  *width:23px;height:19px;line-height:19px;border:1px #D3D3D3 solid;font-size:12px; margin:-1px 6px 0px 6px;#margin-top:1px;_margin-top:0px;padding:0px 0px 0px 2px; vertical-align:middle; padding-top:0px; padding-bottom:0px; }

.paginator .page-skip button {font-size:12px; padding:0 5px 5px 5px;_padding:0 5px 0 5px; width:auto; _width:0; height:22px;  *height:23px; *line-height:20px; _height:16px; _line-height:16px; margin-left:10px;  *margin-top:-1px;overflow:visible; vertical-align:top; }

.paginator a:hover {border:1px solid #A6A6A6;color:#868688; }

</style>

<cmshao:pageItems>

<div class="page_wrap">

  <div class="paginator">

  <cmshao:pageItem type="PreviousPage">

      <cmshao:successTemplate><a class="page-prev" href="{Current.Url}">上一页<b><</b></a></cmshao:successTemplate>

      <cmshao:failureTemplate><span class="page-start"><b><</b>上一页</span></cmshao:failureTemplate>

  </cmshao:pageItem>

  <cmshao:pageItem type="PageNavigation">

    <cmshao:successTemplate><a href="{Current.Url}">{Current.Num}</a></cmshao:successTemplate>

    <cmshao:failureTemplate><span class="page-this">{Current.Num}</span></cmshao:failureTemplate>

  </cmshao:pageItem>

  <cmshao:pageItem type="NextPage">

      <cmshao:successTemplate><a class="page-next" href="{Current.Url}">下一页<b>></b></a></cmshao:successTemplate>

      <cmshao:failureTemplate><span class="page-end"><b>></b>下一页</span></cmshao:failureTemplate>

  </cmshao:pageItem>

  </div>

</div>

</cmshao:pageItems>