编辑“DedeCMS:模板制作教程第十期”

<span style="float:right; padding:6px; margin-bottom:15px; border:1px solid #000; text-align:center;"><strong>导航:</strong> [[DedeCMS:模板制作教程|上一级]] | [[DedeCMS]] | {{Template:Dede导航}}</span>
<div style="clear:both;"></div>
本期讲解【Channelartlist 标记】此标记主要用于获取当前频道的下级栏目的内容列表 ,适用范围:封面模板。

'''一: 使用说明'''

<p>注: 除了宏标记外，channelArtlist 是唯一一个可以直接嵌套其它标记的标记，不过仅限于嵌套 {dede:type}{/dede:type} 和 {dede:arclist}{/dede:arclist} 两个标记。<br>
属性:<br>
[1]typeid=0 频道ID,默认的情况下，嵌套的标记使用的是这个栏目ID的下级栏目，如果你想用特定的栏目，可以用","分开多个ID。<br>
[2]col=2 分多列显示<br>
[3]tablewidth='100%' 外围表格的大小</p>

'''二: 测试实例'''

<ol>
<li>一行显示一个栏目的效果<br>
示例代码:
<pre style="border:1px solid #999; background:#f0f0f0; width:918px;">
<div>
{dede:channelArtlist col=1}
		<div style="border:1px solid #999; width:400px; margin:5px;">
			<div style="background:#f0f0f0; height:25px; padding:5px 0 0 5px; width:400px; float:left;">
				{dede:type}<a href="[field:typelink /]">[field:typename /]</a>{/dede:type}
			</div>
			
			<div style="width:400px; float:left;">
					<ol style="line-height:20px; padding:5px;">
                	{dede:arclist row='8' titlelen='36'}
					<li><a href="[field:arcurl /]">[field:title /]</a></li>
                    {/dede:arclist}
					</ol>
			</div>
		</div>
{/dede:channelArtlist}
</div>
</pre>
显示效果见下图所示:
<div style="border:1px solid #999; width:450px;">
[[{{ns:image}}:10-1.gif]]</div>
<li>以一行两列的形式来显示栏目列表<br>
示例代码:
<pre style="border:1px solid #999; background:#f0f0f0; width:918px;">
<div style="width:800px; clear:both; overflow:hidden;">
{dede:channelArtlist col=2}
		<div style="border:1px solid #999; width:390px; margin:5px;">
			<div style="background:#f0f0f0; height:25px; padding:5px 0 0 5px; width:385px; float:left;">
				{dede:type}<a href="[field:typelink /]">[field:typename /]</a>{/dede:type}
			</div>
			
			<div style="width:385px; float:left;">
					<ol style="line-height:20px; padding:5px;">
                	{dede:arclist row='8' titlelen='36'}
					<li><a href="[field:arcurl /]">[field:title /]</a></li>
                    {/dede:arclist}
					</ol>
			</div>
		</div>
{/dede:channelArtlist}
</div>
</pre>
显示效果如下图所示:
<div style="border:1px solid #999; width:814px;">
[[{{ns:image}}:10-2.gif]]</div></ol>
<p>注: 控制是以一行一列的形式来显示还是一行多列的形式来显示取决你的需要,可以通过channelartlist的col参数来控制列数也可以根据DEDE自带模板中的channelartlist的用法实现或参考上述的用法,但需要对CSS样式或table有比较多的了解,不然显示会有些问题.可以比较上述的两块代码看有什么地方不一样</p>

[[Category:织梦系统|Z]]