jQueryTree插件zTreev3.3正式版發(fā)布的示例分析

本篇文章為大家展示了jQueryTree插件zTreev3.3正式版發(fā)布的示例分析，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

這次 v3.3 繼續(xù)修改一些細(xì)節(jié) bug，同時嘗試推出 exhide 擴展包，主要是為了實現(xiàn)一些擴展功能。 

因為隱藏節(jié)點的功能 與 編輯功能（尤其是拖拽操作）結(jié)合使用的時候勢必會產(chǎn)生許多需求方面的細(xì)節(jié)問題，因此 exhide 擴展請不要與 exedit 功能同時使用。

針對 隱藏節(jié)點 與 checkbox / radio 功能同時使用時的策略如下：

1、被隱藏的節(jié)點（包括其全部子節(jié)點）不會與父節(jié)點的勾選狀態(tài)有任何關(guān)聯(lián)（包括半勾選狀態(tài)），即相當(dāng)于被刪除，除非被重新顯示。

2、isFirstNode 和 isLastNode 屬性只針對顯示的節(jié)點處理，被隱藏的節(jié)點這兩個屬性都被設(shè)置為 false

3、隱藏節(jié)點 不會影響 getPreNode() 和 getNextNode() 方法

這應(yīng)該是能夠滿足大部分需求，如果你的實際需求的確與這個策略不同，那么請根據(jù)實際情況去修改 exhide 即可。

請注意：jquery.ztree.all 文件中 僅僅包含 core、excheck、exedit 這三個 js 包； 對于 exhide 以及以后推出的 擴展包都不會包含在 jquery.ztree.all 文件中。

如果需要使用，請自行添加。

在線操作演示：http://www.ztree.me/v3/demo.php#_101

快速下載地址：http://code.google.com/p/jquerytree/downloads/list

下面是 v3.3 的修改記錄：

【增加】擴展庫 exhide -- 節(jié)點隱藏功能

【修改】getNodesByFilter 方法，添加 invokeParam 自定義參數(shù)

【修改】拖拽中測試代碼未刪除，導(dǎo)致出現(xiàn)黃顏色的 iframe 遮罩層的 bug

【修改】延遲加載方法 對于使用 expandAll 進(jìn)行全部展開時，導(dǎo)致 onNodeCreated 回調(diào) 和 addDiyDom 方法觸發(fā)過早的 bug

【修改】異步加載模式下無法利用 server 返回 xml 并且 在 dataFilter 中繼續(xù)處理的 bug

【修改】使用 moveNode 移動尚未生成 DOM 的節(jié)點時，視圖會出現(xiàn)異常的 bug

【修改】刪除節(jié)點后，相關(guān)節(jié)點的 isFirstNode 屬性未重置的 bug

【修改】getPreNode(),getNextNode() 方法在對于特殊情況時計算錯誤的 bug

【修改】設(shè)置 title 之后，如果重新將 title 內(nèi)容設(shè)置為空后，會導(dǎo)致無法更新 title 的 bug

【修改】針對 setting.check.chkStyle=="radio" && setting.check.radioType=="all" 的情況時，getTreeCheckedNodes方法優(yōu)化，找到一個結(jié)果就 break

【修改】zTreeObj.getCheckedNodes(false) 在 radioType = "all" 時計算錯誤的 bug

【修改】完善 API 中 beforeDrop / onDrop 的關(guān)于 treeId 的說明

zTree 的詳細(xì)介紹：

zTree 是利用 JQuery 的核心代碼，實現(xiàn)一套能完成大部分常用功能的 Tree 插件

①兼容 IE、FireFox、Chrome 等瀏覽器

②在一個頁面內(nèi)可同時生成多個 Tree 實例

③支持 JSON 數(shù)

④支持一次性靜態(tài)生成 和 Ajax 異步加載 兩種方

⑤支持多種事件響應(yīng)及反

⑥支持 Tree 的節(jié)點移動、編輯、刪除

⑦支持任意更換皮膚 / 個性化圖標(biāo)（依靠css）

⑧支持極其靈活的 checkbox 或 radio 選擇功能

⑨簡單的參數(shù)配置實現(xiàn) 靈活多變的功能

zTree 的下載地址：請點這里

上述內(nèi)容就是jQueryTree插件zTreev3.3正式版發(fā)布的示例分析，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注億速云行業(yè)資訊頻道。