<stl:itemTemplate> 列表项

<stl:itemTemplate
    type="列表项类型"
    selected="列表当前选定项类型"
    selectedValue="当前选定项的值">
</stl:itemTemplate>

说明

通过 stl:itemTemplate 标签在模板中控制列表中每一项的显示内容及样式

type属性为Item、AlternatingItem、Separator三种类型的列表项在列表中最多只能有一个，SelectedItem类型的列表项可以有零个或多个。

SelectedItem类型的列表项所显示的内容由 selected 属性控制，默认当前内容为选中项。

<stl:itemTemplate> 标签对应的实体为{stl:itemTemplate}。

父标签

<stl:itemTemplate> 标签用于显示列表项，必须嵌套在列表标签中使用，列表标签清单如下：

父标签	说明
stl:channels	栏目列表
stl:contents	内容列表
stl:each	列表项循环
stl:pageChannels	翻页栏目列表
stl:pageContents	翻页内容列表
stl:pageSqlContents	翻页数据库列表
stl:sqlContents	数据库列表
stl:sites	站点列表

属性

属性	说明
type	列表项类型
selected	列表当前选定项类型
selectedValue	当前选定项的值

type - 列表项类型

列表项的类型

• "alternatingItem" 为列表的交替项提供模板
• "footer" 为列表提供底部模板
• "header" 为列表提供头部模板
• "item" 为列表的项提供模板
• "selectedItem" 为列表当前选定项提供模板
• "separator" 为列表各项之间的分隔符提供模板

selected - 列表当前选定项类型

决定 SelectedItem 的选定内容项类型

• "channelName" 指定栏目名称的项
• "current" 当前项为选中项
• "file" 带附件项为选中项
• "image" 带图片项为选中项
• "isColor" 醒目项为选中项
• "isHot" 热点项为选中项
• "isRecommend" 推荐项为选中项
• "isTop" 置顶项为选中项
• "top" 当前栏目从首页向下的栏目为选中项
• "up" 当前栏目的上级栏目为选中项
• "video" 带视频项为选中项
• "n" n 为数字，代表列表的第 n 项为显示选择项，如：1
• "n,m,p..." 字母为数字，代表列表的第 n,m,p 等项为选择项，如：2,4,6
• "n-m" n 及 m 为数字，代表列表的第 n 项到第 m 项为选择项，如：2-8

selectedValue - 当前选定项的值

如果 selected 为 ChannelName,selectedValue 应该为栏目名称

示例

判断循环内容是否为当前内容

下面的例子在内容模板中显示当前栏目的所有内容列表，同时判断内容是否为当前内容，如果是则增加 class 类。

<stl:contents>
    <stl:itemTemplate type="Item">
        <stl:a></stl:a>
    </stl:itemTemplate>
    <stl:itemTemplate type="SelectedItem" selected="Current">
        <stl:a class="on"></stl:a>
    </stl:itemTemplate>
</stl:contents>

显示指定的内容列表

下面的例子显示栏目"新闻"下的内容列表，对设置为醒目的内容采用红色显示。

<stl:contents channelIndex="新闻" totalNum="5">
    <stl:itemTemplate type="Item">
        <stl:a target="_blank"></stl:a><br />
    </stl:itemTemplate>
    <stl:itemTemplate type="SelectedItem" selected="IsColor">
        <stl:a style="color:red" target="_blank"></stl:a><br />
    </stl:itemTemplate>
</stl:contents>

解析后的 HTML 代码：

<a href="/news/4.html" target="_blank">我是带图片的内容</a><br>
<a href="/news/3.html" target="_blank">我也是带图片的内容</a><br>
<a href="/news/2.html" style="color:red" target="_blank">我也是带图片的内容</a><br>
<a href="/news/1.html" target="_blank">我是带图片的内容</a><br>

定制列表中交替项的显示内容

下面的例子显示栏目索引为"新闻"的所有内容的列表，列表的交替项与列表项的显示颜色有所不同。

<stl:contents channelIndex="新闻" totalNum="10">
    <stl:itemTemplate type="Item">
        <stl:a><stl:content type="Title"></stl:content></stl:a><br />
    </stl:itemTemplate>
    <stl:itemTemplate type="AlternatingItem">
        <stl:a style="color:red"><stl:content type="Title"></stl:content></stl:a> <br />
    </stl:itemTemplate>
</stl:contents>

解析后的 HTML 代码：

<a href="/news/4.html">我是带图片的内容</a><br>
<a href="/news/3.html" style="color:red">我也是带图片的内容</a> <br>
<a href="/news/2.html">我也是带图片的内容</a><br>
<a href="/news/1.html" style="color:red">我是带图片的内容</a> <br>

显示指定的栏目列表

下面的例子显示所有栏目组别为"STL 标签"的栏目列表，各栏目项间用" | "分隔。

<stl:channels groupChannel="STL" isTotal="true">
  <stl:itemTemplate type="Item">
    <stl:a><stl:channel type="title"></stl:channel></stl:a>
  </stl:itemTemplate>
  <stl:itemTemplate type="Separator">
    |
  </stl:itemTemplate>
</stl:channels>

解析后的 HTML 代码：

<a href="/channels/4.html">STL标签</a>
    |
<a href="/channels/79.html">STL实体</a>

显示指定的内容列表

下面的例子显示栏目"新闻"下的内容列表，对第 2 条至第 4 条内容用红色显示。

<stl:contents channelIndex="新闻" totalNum="5">
  <stl:itemTemplate type="Item">
      <stl:a target="_blank"></stl:a><br />
  </stl:itemTemplate>
  <stl:itemTemplate type="SelectedItem" selected="2-4">
      <stl:a style="color:red" target="_blank"></stl:a><br />
  </stl:itemTemplate>
</stl:contents>

解析后的 HTML 代码：

<a href="/news/4.html" target="_blank">我是带图片的内容</a><br>
<a href="/news/3.html" style="color:red" target="_blank">我也是带图片的内容</a><br>
<a href="/news/2.html" style="color:red" target="_blank">我也是带图片的内容</a><br>
<a href="/news/1.html" style="color:red" target="_blank">我是带图片的内容</a><br>