zTree 是一個依靠 jQuery 實現(xiàn)的多功能 “樹插件”。優(yōu)異的性能、靈活的配置、多種功能的組合是 zTree 大優(yōu)點。

創(chuàng)新互聯(lián)長期為近千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為八公山企業(yè)提供專業(yè)的成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)，八公山網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

介紹

zTree 是一個依靠 jQuery 實現(xiàn)的多功能 “樹插件”。優(yōu)異的性能、靈活的配置、多種功能的組合是 zTree 大優(yōu)點。專門適合項目開發(fā)，尤其是 樹狀菜單、樹狀數(shù)據(jù)的Web顯示、權(quán)限管理等等。
zTree 是開源免費的軟件（MIT 許可證）。在開源的作用下，zTree 越來越完善，目前已經(jīng)擁有了不少粉絲，并且今后還會推出更多的 zTree 擴展功能庫，讓 zTree 更加強大。

特點

● zTree v3.0 將核心代碼按照功能進行了分割，不需要的代碼可以不用加載
● 采用了延遲加載技術(shù)，上萬節(jié)點輕松加載，即使在 IE6 下也能基本做到秒殺
● 兼容 IE、FireFox、Chrome、Opera、Safari 等瀏覽器
● 支持 JSON 數(shù)據(jù)
● 支持靜態(tài)和 Ajax 異步加載節(jié)點數(shù)據(jù)
● 支持任意更換皮膚 / 自定義圖標（依靠css）
● 支持極其靈活的 checkbox 或 radio 選擇功能
● 提供多種事件響應回調(diào)
● 靈活的編輯（增/刪/改/查）功能，可隨意拖拽節(jié)點，還可以多節(jié)點拖拽喲
● 在一個頁面內(nèi)可同時生成多個 Tree 實例
● 簡單的參數(shù)配置實現(xiàn) 靈活多變的功能

下面給大家介紹ztree加載完成后顯示勾選節(jié)點的實例代碼

①前言：這個在度娘上沒有搜到解決的辦法，于是自己查看了ztree的API，發(fā)現(xiàn)其實還是比較簡單的。做個筆記以備不時之需。

②需求：

像下圖一樣，在加載完成之后就顯示需要勾選的項。

③解決方案：

首先頁面上肯定是要獲取數(shù)據(jù)庫的數(shù)據(jù)，比如你存儲的是id或者Code之類的以，隔開的數(shù)據(jù)。我這里存貯的是code。

然后將數(shù)據(jù)庫的數(shù)據(jù)以，隔開成數(shù)組。

利用API中的treeObj提供的getNodeByParam(),和checkNode()方法即可完成需求。

ztreeAPI傳送門：點擊這里

參考代碼如下：

var treeObj = $.fn.zTree.getZTreeObj("mytree");
var data = "${userInfo.area_code}";
var datas = data.split(',');
for(var i = 0;i<datas.length;i++) {
　　console.log(treeObj.getNodeByParam("code", datas[i],null))
　　treeObj.checkNode(treeObj.getNodeByParam("code", datas[i],null),true, false);
}

分享文章：ztree加載完成后顯示勾選節(jié)點的實現(xiàn)代碼-創(chuàng)新互聯(lián)
網(wǎng)站URL：http://www.chinadenli.net/article42/dcdgec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、關(guān)鍵詞優(yōu)化、品牌網(wǎng)站制作、網(wǎng)站導航、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)