這篇文章將為大家詳細講解有關(guān)jquery中如何使用zTree,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
成都創(chuàng)新互聯(lián)公司是專業(yè)的曲靖網(wǎng)站建設(shè)公司,曲靖接單;提供網(wǎng)站設(shè)計、網(wǎng)站制作,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行曲靖網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!
1、導入zTree的配置文件
2、在所需要的位置設(shè)置class="ztree"
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);
關(guān)于“jquery中如何使用zTree”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。