uitype 欄目調(diào)用

【基礎(chǔ)用法】

標簽：uitype

描述：欄目編輯，比uitext、uihtml、uiupload標簽多了一個typeid屬性，使用時結(jié)合html一起才能完成可視化布局，只針對具有可視化功能的模板。

用法：

{eyou:uitype typeid='欄目ID' e-id='必須與上面的數(shù)字ID一致' e-page='必須與上面的文件模板名一致' id='field'}

這里嵌套模板標簽代碼

{/eyou:uitype}

</div>

屬性：

typeid='' 欄目ID

e-id='' 每個模板文件里唯一的數(shù)字ID，必須與uihtml標簽外層的html元素標簽e-id保持一致

e-page='' 頁面分組，假設(shè)模板文件是index.htm，那么e-page的值是index

id='' 可以任意指定循環(huán)里的變量名替代field，假設(shè)id='field1'，模板調(diào)用如：{$field.value} 變成 {$field1.value}

涉及表字段：

無

【更多示例】

-------------------------------示例1--------------------------------

描述：在模板文件index.htm中調(diào)用uitype標簽，實現(xiàn)指定欄目可視化切換的效果。

<!DOCTYPE html>

<html>

<head>

<title>EyouCms企業(yè)建站系統(tǒng)</title>

</head>

<body>

<div>

{eyou:uitype typeid='2' e-id='400' e-page='index' id='field'}

{eyou:type type='self' empty='欄目不存在時，顯示這里的文案'}

<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>

{/eyou:type}

{/eyou:uitype}

</div>

{eyou:ui open='off' /}

</body>

</html>

-------------------------------示例2--------------------------------

描述：在模板文件lists_article.htm中調(diào)用uitype標簽，實現(xiàn)指定欄目可視化切換的效果。

<!DOCTYPE html>

<html>

<head>

<title>EyouCms企業(yè)建站系統(tǒng)</title>

</head>

<body>

<div>

{eyou:uitype typeid='2' e-id='400' e-page='lists_article' id='field'}

{eyou:type type='self' empty='欄目不存在時，顯示這里的文案'}

<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>

{/eyou:type}

{/eyou:uitype}

</div>

{eyou:ui open='off' /}

</body>

</html>

-------------------------------示例3--------------------------------

描述：在模板文件index.htm中，多處調(diào)用uitype標簽的寫法。

<!DOCTYPE html>

<html>

<head>

<title>EyouCms企業(yè)建站系統(tǒng)</title>

</head>

<body>

<div>

{eyou:uitype typeid='2' e-id='400' e-page='index' id='field'}

{eyou:type type='self' empty='欄目不存在時，顯示這里的文案'}

<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>

{/eyou:type}

{/eyou:uitype}

</div>

{eyou:uitype e-id='401' e-page='index' id='field'}

{eyou:type type='self' empty='欄目不存在時，顯示這里的文案'}

<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>

{/eyou:type}

{/eyou:uitype}

</div>

</div>

{eyou:ui open='off' /}

</body>

</html>

-------------------------------示例4--------------------------------

描述：在模板文件index.htm中，多處調(diào)用uitype標簽的寫法，只在html最外層元素指定一次e-page屬性值。

<!DOCTYPE html>

<html>

<head>

<title>EyouCms企業(yè)建站系統(tǒng)</title>

</head>

<body>

<div e-page='index'>

{eyou:uitype typeid='2' e-id='400' e-page='index' id='field'}

{eyou:type type='self' empty='欄目不存在時，顯示這里的文案'}

<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>

{/eyou:type}

{/eyou:uitype}

</div>

{eyou:uitype typeid='2' e-id='401' e-page='index' id='field'}

{eyou:type type='self' empty='欄目不存在時，顯示這里的文案'}

<a href="{$field.typeurl}" title="{$field.typename}">{$field.typename}</a>

{/eyou:type}

{/eyou:uitype}

</div>

</div>

{eyou:ui open='off' /}

</body>

</html>

文檔最后更新時間：2023-10-24 11:59:55

← uiupload 圖片上傳 uiarclist 文檔列表 →

uitype 欄目調(diào)用

目錄