easyUI 從標記建立Tree

來源:互聯網
上載者:User

@author YHC

一個tree可以從標記建立,easyui tree也可以定義在<ul>元素,無序列表的 <ul>元素提供一個基礎的tree結構,每一個<li>元素將產生一個tree節點和子<ul> 元素將產生一個父樹節點.

 


查看 Demo

 

建立 Tree
[html]
<ul class="easyui-tree">   
       <li>   
           <span>Folder</span>   
           <ul>   
               <li>   
                   <span>Sub Folder 1</span>   
                   <ul>   
                       <li><span>File 11</span></li>   
                       <li><span>File 12</span></li>   
                       <li><span>File 13</span></li>   
                   </ul>   
               </li>   
               <li><span>File 2</span></li>   
               <li><span>File 3</span></li>   
           </ul>   
       </li>   
       <li><span>File21</span></li>   
   </ul>   

<ul class="easyui-tree"> 
       <li> 
           <span>Folder</span> 
           <ul> 
               <li> 
                   <span>Sub Folder 1</span> 
                   <ul> 
                       <li><span>File 11</span></li> 
                       <li><span>File 12</span></li> 
                       <li><span>File 13</span></li> 
                   </ul> 
               </li> 
               <li><span>File 2</span></li> 
               <li><span>File 3</span></li> 
           </ul> 
       </li> 
       <li><span>File21</span></li> 
   </ul> 

 

 作者:yhc13429826359
 


 


聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.