dwz中的(tree)樹形菜單的默認收縮


做網站后台時,為了方便管理,可能會用到dwz中的樹形菜單,如下:

樹形菜單的收縮有默認屬性值,可以對其進行一定的初始設定:

 DWZ的樹結構是按<ul>,<li>的嵌套格式構成,最頂級的<ul>以class=”tree”標識。treeFolder, treeCheck, expand|collapse則為可選的。
treeFolder:在所有樹節點前加上Icon圖標。
treeCheck:在所有樹節點前加上checkbox,此時需要在<a> 加上三個擴展屬性tname="", tvalue="", checked="",其中tname與tvalue對應該checkbox的name與value屬性,
          checked表示checkbox的默認狀態是否checked. 
expand與collapse:expand表示樹的所有第一級節點默認是展開狀態,collapse則表示所有第一級節點默認為折疊狀態,當expand與collapse都沒有時默認則會展開第一個節點。
擴展屬性oncheck是自定義函數, 用來接收點擊checkbox時返回值, 當點擊非子樹節點checkbox時返回數據格式為:{checked:true|false,items:{name:name, value:value}}, 
當點擊了樹節點checkbox時, 此子樹節點下所有的checkbox都將選中, 同時返回此子樹節點下所有的checkbox的值, 
格式為{checked:true|false, items:{{name:name, value:value}, {name:name, value:value} …… }} 。

 

用的是DWZ富客戶端框架。它的樹表現形式是通過 <ul id="t1" class="tree treeFolder treeCheck expand" oncheck="">代碼來控制的,意思是這是一棵帶復選框的樹。

 

文章根據【http://blog.csdn.net/shanzhizi/article/details/12375275

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM