<address id="r9vd9"><address id="r9vd9"><listing id="r9vd9"></listing></address></address>
      



      

      

      
	
      
		歡迎您光臨深圳塔燈網絡科技有限公司！
		
      
		  電話圖標 余先生：13699882642 
		
      
	
      

      

      


      

      









 


      
	
      
		
	
      


	
      
		
      
			
      
				
      
					
      易優cms(eyoucms)uichannel 欄目列表可視化標簽
      
					
      發表日期：2018-12    文章編輯：小燈    瀏覽次數：3482
      
				
      
				
      
					
      【基礎用法】
      名稱：uichannel
      功能：文檔列表編輯，比uitext、uihtml、uiupload標簽多了一個typeid屬性，使用時結合html一起才能完成可視化布局，只針對具有可視化功能的模板。
      語法：
      <div class="eyou-edit" e-id="文件模板里唯一的數字ID" e-page='文件模板名' e-type="channel">
      {eyou:uichannel typeid='欄目ID' e-id='必須與上面的數字ID一致' e-page='必須與上面的文件模板名一致' id='field'}
      這里嵌套模板標簽代碼
      {/eyou:uichannel}
      </div>
      參數：
      typeid='' 欄目ID
      e-id='' 每個模板文件里唯一的數字ID，必須與uihtml標簽外層的html元素標簽e-id保持一致
      e-page='' 頁面分組，假設模板文件是index.htm，那么e-page的值是index
      id='' 可以任意指定循環里的變量名替代field，假設id='field1'，模板調用如：{$field.value} 變成 {$field1.value}
      底層字段：
      無
      【更多示例】
      -------------------------------示例1--------------------------------
      描述：在模板文件index.htm中調用uichannel標簽，實現指定欄目下的欄目列表可視化切換的效果。
      <!DOCTYPE html>
      <html>
      <head>
      <title>EyouCms企業建站系統</title>
      </head>
      <body>
      <div>
      <div class="eyou-edit" e-id="600" e-page='index' e-type="channel">
      <!-- uichannel可視化標簽調用 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可視化標簽調用 end -->
      </div>
      </div>
      <!-- 可視化模板必須引入的ui標簽 start -->
      {eyou:ui open='off' /}
      <!-- 可視化模板必須引入的ui標簽 end -->
      </body>
      </html>
      -------------------------------示例2--------------------------------
      描述：在模板文件lists_article.htm中調用uichannel標簽，實現指定欄目下的欄目列表可視化切換的效果。
      <!DOCTYPE html>
      <html>
      <head>
      <title>EyouCms企業建站系統</title>
      </head>
      <body>
      <div>
      <div class="eyou-edit" e-id="600" e-page='lists_article' e-type="channel">
      <!-- uichannel可視化標簽調用 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可視化標簽調用 end -->
      </div>
      </div>
      <!-- 可視化模板必須引入的ui標簽 start -->
      {eyou:ui open='off' /}
      <!-- 可視化模板必須引入的ui標簽 end -->
      </body>
      </html>
      -------------------------------示例3--------------------------------
      描述：在模板文件index.htm中，多處調用uichannel標簽的寫法。
      <!DOCTYPE html>
      <html>
      <head>
      <title>EyouCms企業建站系統</title>
      </head>
      <body>
      <div>
      <!-- 第一次調用uichannel標簽 start -->
      <div class="eyou-edit" e-id="600" e-page='index' e-type="channel">
      <!-- uichannel可視化標簽調用 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可視化標簽調用 end -->
      </div>
      <!-- 第一次調用uichannel標簽 end -->
      <!-- 第二次調用uichannel標簽 start -->
      <div class="eyou-edit" e-id="601" e-page='index' e-type="channel">
      <!-- uichannel可視化標簽調用 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可視化標簽調用 end -->
      </div>
      <!-- 第二次調用uichannel標簽 end -->
      </div>
      <!-- 可視化模板必須引入的ui標簽 start -->
      {eyou:ui open='off' /}
      <!-- 可視化模板必須引入的ui標簽 end -->
      </body>
      </html>
      -------------------------------示例4--------------------------------
      描述：在模板文件index.htm中，多處調用uichannel標簽的寫法，只在html最外層元素指定一次e-page屬性值。
      <!DOCTYPE html>
      <html>
      <head>
      <title>EyouCms企業建站系統</title>
      </head>
      <body>
      <div e-page='index'> <!-- 最外層指定e-page屬性值，里面html元素<a>可以不再指定e-page屬性值 -->
      <!-- 第一次調用uichannel標簽 start -->
      <div class="eyou-edit" e-id="600" e-type="channel">
      <!-- uichannel可視化標簽調用 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可視化標簽調用 end -->
      </div>
      <!-- 第一次調用uichannel標簽 end -->
      <!-- 第二次調用uichannel標簽 start -->
      <div class="eyou-edit" e-id="601" e-type="channel">
      <!-- uichannel可視化標簽調用 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可視化標簽調用 end -->
      </div>
      <!-- 第二次調用uichannel標簽 end -->
      </div>
      <!-- 可視化模板必須引入的ui標簽 start -->
      {eyou:ui open='off' /}
      <!-- 可視化模板必須引入的ui標簽 end -->
      </body>
      </html>
      					
      
本頁內容由塔燈網絡科技有限公司通過網絡收集編輯所得，所有資料僅供用戶參考了本站不擁有所有權，如您認為本網頁中由涉嫌抄襲的內容，請及時與我們聯系，并提供相關證據，工作人員會在5工作日內聯系您，一經查實，本站立刻刪除侵權內容。本文鏈接:http://www.webpost.com.cn/10899.html
      



				
				
      
				
					 
				
					
				
			
      
			
			
      
				
      
										
       
      
					
      相關cms文章
      
						
				
      

			
			
      
			
      
		
      
		
		
		

	
      
	
	
	

      



      
	
      
		
      
			
      
			 八年 
			行業經驗
			
      
			
      
				
      多一份參考，總有益處
      
				
      聯系深圳網站公司塔燈網絡，免費獲得網站建設方案及報價
      
				
      
					
      咨詢相關問題或預約面談，可以通過以下方式與我們聯系
      
					
      業務熱線：余經理：13699882642
					
      
				
      
			
      
		
      
		
	
      

      

	


      

      

      

      Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.    


      

      



      

      




      
	

      






 



	
	



 


国产成人精品综合在线观看