【基礎用法】
名稱：uichannel
功能：文檔列表編輯复濒，比uitext澈缺、uihtml、uiupload標簽多了一個typeid屬性承绸，使用時結(jié)合html一起才能完成可視化布局褐望，只針對具有可視化功能的模板勒庄。
語法：
<div class="eyou-edit" e-id="文件模板里唯一的數(shù)字ID" e-page='文件模板名' e-type="channel">
{eyou:uichannel typeid='欄目ID' e-id='必須與上面的數(shù)字ID一致' e-page='必須與上面的文件模板名一致' id='field'}
這里嵌套模板標簽代碼
{/eyou:uichannel}
</div>
參數(shù)：
typeid='' 欄目ID
e-id='' 每個模板文件里唯一的數(shù)字ID，必須與uihtml標簽外層的html元素標簽e-id保持一致
e-page='' 頁面分組瘫里，假設模板文件是index.htm实蔽，那么e-page的值是index
id='' 可以任意指定循環(huán)里的變量名替代field，假設id='field1'谨读，模板調(diào)用如：{$field.value} 變成 {$field1.value}
底層字段：
無
【更多示例】
-------------------------------示例1--------------------------------
描述：在模板文件index.htm中調(diào)用uichannel標簽盐须，實現(xiàn)指定欄目下的欄目列表可視化切換的效果。
<!DOCTYPE html>
<html>
<head>
<title>EyouCms企業(yè)建站系統(tǒng)</title>
</head>
<body>
<div>
<div class="eyou-edit" e-id="600" e-page='index' e-type="channel">
<!-- uichannel可視化標簽調(diào)用 start -->
{eyou:uichannel typeid='2' e-id='600' e-page='index' id='field'}
<!-- 顯示欄目 start -->
{eyou:type type='self' empty='欄目不存在時，顯示這里的文案'}
<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>
{/eyou:type}
<!-- 顯示欄目 end -->
<!-- 顯示欄目的下級欄目列表 start -->
{eyou:channel type='son' row='10'}
<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>
{/eyou:channel}
<!-- 顯示欄目的下級欄目列表 end -->
{/eyou:uichannel}
<!-- uichannel可視化標簽調(diào)用 end -->
</div>
</div>
<!-- 可視化模板必須引入的ui標簽 start -->
{eyou:ui open='off' /}
<!-- 可視化模板必須引入的ui標簽 end -->
</body>
</html>
-------------------------------示例2--------------------------------
描述：在模板文件lists_article.htm中調(diào)用uichannel標簽贼邓，實現(xiàn)指定欄目下的欄目列表可視化切換的效果阶冈。
<!DOCTYPE html>
<html>
<head>
<title>EyouCms企業(yè)建站系統(tǒng)</title>
</head>
<body>
<div>
<div class="eyou-edit" e-id="600" e-page='lists_article' e-type="channel">
<!-- uichannel可視化標簽調(diào)用 start -->
{eyou:uichannel typeid='2' e-id='600' e-page='lists_article' id='field'}
<!-- 顯示欄目 start -->
{eyou:type type='self' empty='欄目不存在時，顯示這里的文案'}
<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>
{/eyou:type}
<!-- 顯示欄目 end -->
<!-- 顯示欄目的下級欄目列表 start -->
{eyou:channel type='son' row='10'}
<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>
{/eyou:channel}
<!-- 顯示欄目的下級欄目列表 end -->
{/eyou:uichannel}
<!-- uichannel可視化標簽調(diào)用 end -->
</div>
</div>
<!-- 可視化模板必須引入的ui標簽 start -->
{eyou:ui open='off' /}
<!-- 可視化模板必須引入的ui標簽 end -->
</body>
</html>
-------------------------------示例3--------------------------------
描述：在模板文件index.htm中塑径，多處調(diào)用uichannel標簽的寫法女坑。
<!DOCTYPE html>
<html>
<head>
<title>EyouCms企業(yè)建站系統(tǒng)</title>
</head>
<body>
<div>
<!-- 第一次調(diào)用uichannel標簽 start -->
<div class="eyou-edit" e-id="600" e-page='index' e-type="channel">
<!-- uichannel可視化標簽調(diào)用 start -->
{eyou:uichannel typeid='2' e-id='600' e-page='index' id='field'}
<!-- 顯示欄目 start -->
{eyou:type type='self' empty='欄目不存在時，顯示這里的文案'}
<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>
{/eyou:type}
<!-- 顯示欄目 end -->
<!-- 顯示欄目的下級欄目列表 start -->
{eyou:channel type='son' row='10'}
<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>
{/eyou:channel}
<!-- 顯示欄目的下級欄目列表 end -->
{/eyou:uichannel}
<!-- uichannel可視化標簽調(diào)用 end -->
</div>
<!-- 第一次調(diào)用uichannel標簽 end -->
<!-- 第二次調(diào)用uichannel標簽 start -->
<div class="eyou-edit" e-id="601" e-page='index' e-type="channel">
<!-- uichannel可視化標簽調(diào)用 start -->
{eyou:uichannel e-id='601' e-page='index' id='field'}
<!-- 顯示欄目 start -->
{eyou:type type='self' empty='欄目不存在時统舀，顯示這里的文案'}
<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>
{/eyou:type}
<!-- 顯示欄目 end -->
<!-- 顯示欄目的下級欄目列表 start -->
{eyou:channel type='son' row='10'}
<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>
{/eyou:channel}
<!-- 顯示欄目的下級欄目列表 end -->
{/eyou:uichannel}
<!-- uichannel可視化標簽調(diào)用 end -->
</div>
<!-- 第二次調(diào)用uichannel標簽 end -->
</div>
<!-- 可視化模板必須引入的ui標簽 start -->
{eyou:ui open='off' /}
<!-- 可視化模板必須引入的ui標簽 end -->
</body>
</html>
-------------------------------示例4--------------------------------
描述：在模板文件index.htm中匆骗，多處調(diào)用uichannel標簽的寫法，只在html最外層元素指定一次e-page屬性值誉简。
<!DOCTYPE html>
<html>
<head>
<title>EyouCms企業(yè)建站系統(tǒng)</title>
</head>
<body>
<div e-page='index'> <!-- 最外層指定e-page屬性值碉就，里面html元素<a>可以不再指定e-page屬性值 -->
<!-- 第一次調(diào)用uichannel標簽 start -->
<div class="eyou-edit" e-id="600" e-type="channel">
<!-- uichannel可視化標簽調(diào)用 start -->
{eyou:uichannel typeid='2' e-id='600' e-page='index' id='field'}
<!-- 顯示欄目 start -->
{eyou:type type='self' empty='欄目不存在時，顯示這里的文案'}
<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>
{/eyou:type}
<!-- 顯示欄目 end -->
<!-- 顯示欄目的下級欄目列表 start -->
{eyou:channel type='son' row='10'}
<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>
{/eyou:channel}
<!-- 顯示欄目的下級欄目列表 end -->
{/eyou:uichannel}
<!-- uichannel可視化標簽調(diào)用 end -->
</div>
<!-- 第一次調(diào)用uichannel標簽 end -->
<!-- 第二次調(diào)用uichannel標簽 start -->
<div class="eyou-edit" e-id="601" e-type="channel">
<!-- uichannel可視化標簽調(diào)用 start -->
{eyou:uichannel e-id='601' e-page='index' id='field'}
<!-- 顯示欄目 start -->
{eyou:type type='self' empty='欄目不存在時闷串，顯示這里的文案'}
<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>
{/eyou:type}
<!-- 顯示欄目 end -->
<!-- 顯示欄目的下級欄目列表 start -->
{eyou:channel type='son' row='10'}
<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>
{/eyou:channel}
<!-- 顯示欄目的下級欄目列表 end -->
{/eyou:uichannel}
<!-- uichannel可視化標簽調(diào)用 end -->
</div>
<!-- 第二次調(diào)用uichannel標簽 end -->
</div>
<!-- 可視化模板必須引入的ui標簽 start -->
{eyou:ui open='off' /}
<!-- 可視化模板必須引入的ui標簽 end -->
</body>
</html>
轉(zhuǎn)自：https://www.eyoucms.com/doc/label/ui/577.html#dt_74
