stl:pageItem 标签示例（一）

示例一：显示翻页项组合

下面的例子显示翻页项组合。

<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> </td>
    <td align="right">
      <stl:pageItem type="CurrentPageIndex" text="当前页："></stl:pageItem>/<stl:pageItem type="TotalPageNum"></stl:pageItem>
      <stl:pageItem type="PageNavigation"></stl:pageItem>
      <stl:pageItem type="PageSelect" class="input-small"></stl:pageItem>
    </td>  
  </tr>  
</table>
</stl:pageItems>

解析后的HTML代码：

示例二：显示翻页导航

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

<stl:pageItems>
<div class="pagination">
  <ul>
    <li><a href="{PageItem.PreviousPage}">Prev</a></li>
    <stl:pageItem type="PageNavigation">
      <stl:yes>
        <li><a href="{Current.Url}">{Current.Num}</a></li>
      </stl:yes>  
      <stl:no>  
        <li class="active"><span>{Current.Num}</span></li>
      </stl:no>
    </stl:pageItem>
    <li><a href="{PageItem.NextPage}">Next</a></li>
  </ul>
</div>
</stl:pageItems>

解析后的HTML代码：