# <stl:pageItems> 翻页项容器

<stl:pageItems
    isAutoHide="无翻页时自动隐藏"
    context="所处上下文">
</stl:pageItems>

# 说明

通过 stl:pageItems 标签在模板中插入翻页项的容器,当不需要翻页时容器内的内容不显示

标签 <stl:pageItems> 必须包含标签 <stl:pageItem> 才起作用。

列表相关介绍请参见列表标签及列表项

翻页标签可以放到任何类型的模板中使用,唯一的例外是如果在单页模板中使用,需包含在<stl:dynamic>标签中。

# 子标签

子标签 说明
stl:pageItem 翻页项

# 属性

属性 说明
isAutoHide 无翻页时自动隐藏
context 所处上下文

# isAutoHide - 无翻页时自动隐藏

默认为 true,即无翻页时自动隐藏,如果希望无须翻页时依旧显示翻页标签,可以将属性设置为 false

# context - 所处上下文

设置翻页所处的上下文。

# 示例

# 显示翻页项组合

下面的例子显示上一页、翻页数字导航以及下一页,当无须分页时依旧显示。

<stl:pageItems isAutoHide="false">
  <div class="Pages">
    <span class="p_page">
      <a href="{pageItem.PreviousPage}" class="a_prev">
        <i>&lt;</i>上一页
      </a>

      <em class="num">
        <stl:pageItem type="PageNavigation">
          <stl:yes>
            <a class="a_num" href="{Current.Url}">{Current.Num}</a>
          </stl:yes>
          <stl:no>
            <a class="a_cur" href="javascript:;">{Current.Num}</a>
          </stl:no>
        </stl:pageItem>
      </em>

      <a href="{pageItem.NextPage}" class="a_next">
        <i>&gt;</i>下一页
      </a>
    </span>
  </div>
</stl:pageItems>

# 显示翻页项组合

下面的例子显示组合了所有翻页标签的翻页项容器。

<stl:pageItems>
<table width="100%">
<tr><td align="left">
  <stl:pageItem type="FirstPage" text="首页"></stl:pageItem> |
  <stl:pageItem type="PreviousPage" text="上一页"></stl:pageItem> |
  <stl:pageItem type="NextPage" text="下一页"></stl:pageItem> |
  <stl:pageItem type="LastPage" text="末页"></stl:pageItem>
</td><td align="right">
  <stl:pageItem type="CurrentPageIndex" text="当前页:"></stl:pageItem>
  <stl:pageItem type="PageNavigation"></stl:pageItem>
</td></tr>
</table>
</stl:pageItems>
上次更新: 2022/2/20 上午11:11:36