保存到桌面加入收藏设为首页
EasyUI
当前位置:首页 > Web技术 > EasyUI

easyui创建树tree

时间:2013-07-26 01:53:12   作者:梦幻小纯哥   来源:永硕E盘装饰网   阅读:782   评论:0
内容摘要:CreateTreefrommarkup使用html标记创建树Atreecanbecreatedfrommarkup.easyuitreeshouldbedefinedin<ul>element.Theunorderedlists<ul>elementpr...

 

Create Tree from markup

使用html标记创建树

 

A tree can be created from markup. easyui tree should be defined in <ul> element. The unordered lists <ul> element provides a basic tree structure. Each <li> element will produce a tree node and sub <ul> element will produce a parent tree node.

使用html标记可以创建一个树。easyui树应该定义在< ul >元素。无序列表的< ul >元素提供了一个基本的树结构。每个<li>元素将产生一个树节点以及子<ul>元素将产生一个父树节点。

 

tree的效果如下:

easyui创建树tree

 


Create Tree

创建树

<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>

 



相关评论