五步輕松實現(xiàn)zTree的使用
更新時間：2017年11月01日 11:47:22 作者：冷宮旋
這篇文章主要為大家詳細介紹了五個步驟輕松實現(xiàn)zTree的使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文為大家分享了松實現(xiàn)zTree的使用的具體步驟，供大家參考，具體內容如下
1、導入zTree的配置文件
<script type="text/javascript" src="../js/ztree/jquery.ztree.all-3.5.js"></script> <link rel="stylesheet" href="../js/ztree/zTreeStyle.css" />
2、在所需要的位置設置class="ztree"
<div data-options="title:'基礎菜單'"> <ul id="baseMenu" class="ztree"></ul> </div>
3、根據(jù)需要選擇生成簡單zTree格式還是標準zTree格式(這里只講簡單)ps:注意要在頁面加載完成后的function里面寫
var setting = {
data: {
simpleData: {
enable: true //支持json格式
}
},
4、編寫樹形菜單(簡單和dTree差不多)
var zNodes = [ //駝峰式命名pId
{id:1,pId:0,name:"父節(jié)點1"},
{id:2,pId:0,name:"父節(jié)點2"},
{id:11,pId:1,name:"父1子節(jié)點1"},
{id:12,pId:1,name:"父1子節(jié)點2"},
];
5、生成樹形菜單
$.fn.zTree.init($("#baseMenu"), setting, zNodes);
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
jquery捕捉回車鍵及獲取checkbox值與異步請求的方法
這篇文章主要介紹了jquery捕捉回車鍵及獲取checkbox值與異步請求的方法,實例分析了jQuery針對回車鍵的捕捉,checkbox值的獲取以及異步請求的響應等相關技巧,需要的朋友可以參考下2015-12-12
其實我認為這個功能用處未必大，因為我在自己的網(wǎng)站搜索欄上添加這個功能已經(jīng)兩周了，居然還沒有人發(fā)現(xiàn)的樣子。2009-06-06
在jQuery中最快的選擇器是ID選擇器，因為它直接來自于JavaScript的getElementById()方法2009-05-05
這篇文章主要介紹了jQuery動態(tài)生成表格及右鍵菜單功能,結合實例形式分析了jQuery表格的動態(tài)操作及鼠標事件響應相關技巧,需要的朋友可以參考下2017-01-01
基于jquery實現(xiàn)點擊鏈接彈出層效果，其基本實現(xiàn)原理是這樣的：jquery操作DOM元素。對層樣式的設置。將display:設置為none;讓層隱藏；對jq點擊彈出層相關知識感興趣的朋友一起學習吧2016-01-01
JQuery 改變頁面字體大小的實現(xiàn)代碼(實時改變網(wǎng)頁字體大小)
分別定義三個class為increaseFont、decreaseFont、resetFont 的元素。為其click事件添加事件2012-03-03
本篇文章主要是對Jquery插件easyUi表單驗證提交的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要介紹了jQuery版本升級踩坑大全的相關資料,需要的朋友可以參考下2016-01-01
關于ajax早已不是新鮮話題，而jQuery使ajax變得無比簡單。2010-05-05
花N長時間積累的Jquery插件，希望大家喜歡。大家還有什么新的插件，請留言，我們一并收錄。感謝大家的支持。2011-05-05