十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團隊
量身定制 + 運營維護+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
本篇文章為大家展示了jQueryTree插件zTreev3.3正式版發(fā)布的示例分析,內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。
成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設,鳳山企業(yè)網(wǎng)站建設,鳳山品牌網(wǎng)站建設,網(wǎng)站定制,鳳山網(wǎng)站建設報價,網(wǎng)絡營銷,網(wǎng)絡優(yōu)化,鳳山網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學習、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
這次 v3.3 繼續(xù)修改一些細節(jié) bug,同時嘗試推出 exhide 擴展包,主要是為了實現(xiàn)一些擴展功能。
因為隱藏節(jié)點的功能 與 編輯功能(尤其是拖拽操作)結(jié)合使用的時候勢必會產(chǎn)生許多需求方面的細節(jié)問題,因此 exhide 擴展請不要與 exedit 功能同時使用。
針對 隱藏節(jié)點 與 checkbox / radio 功能同時使用時的策略如下:
1、被隱藏的節(jié)點(包括其全部子節(jié)點)不會與父節(jié)點的勾選狀態(tài)有任何關聯(lián)(包括半勾選狀態(tài)),即相當于被刪除,除非被重新顯示。
2、isFirstNode 和 isLastNode 屬性只針對顯示的節(jié)點處理,被隱藏的節(jié)點這兩個屬性都被設置為 false
3、隱藏節(jié)點 不會影響 getPreNode() 和 getNextNode() 方法
這應該是能夠滿足大部分需求,如果你的實際需求的確與這個策略不同,那么請根據(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ù)
【修改】拖拽中測試代碼未刪除,導致出現(xiàn)黃顏色的 iframe 遮罩層的 bug
【修改】延遲加載方法 對于使用 expandAll 進行全部展開時,導致 onNodeCreated 回調(diào) 和 addDiyDom 方法觸發(fā)過早的 bug
【修改】異步加載模式下無法利用 server 返回 xml 并且 在 dataFilter 中繼續(xù)處理的 bug
【修改】使用 moveNode 移動尚未生成 DOM 的節(jié)點時,視圖會出現(xiàn)異常的 bug
【修改】刪除節(jié)點后,相關節(jié)點的 isFirstNode 屬性未重置的 bug
【修改】getPreNode(),getNextNode() 方法在對于特殊情況時計算錯誤的 bug
【修改】設置 title 之后,如果重新將 title 內(nèi)容設置為空后,會導致無法更新 title 的 bug
【修改】針對 setting.check.chkStyle=="radio" && setting.check.radioType=="all" 的情況時,getTreeCheckedNodes方法優(yōu)化,找到一個結(jié)果就 break
【修改】zTreeObj.getCheckedNodes(false) 在 radioType = "all" 時計算錯誤的 bug
【修改】完善 API 中 beforeDrop / onDrop 的關于 treeId 的說明
zTree 的詳細介紹:
zTree 是利用 JQuery 的核心代碼,實現(xiàn)一套能完成大部分常用功能的 Tree 插件
①兼容 IE、FireFox、Chrome 等瀏覽器
②在一個頁面內(nèi)可同時生成多個 Tree 實例
③支持 JSON 數(shù)
④支持一次性靜態(tài)生成 和 Ajax 異步加載 兩種方
⑤支持多種事件響應及反
⑥支持 Tree 的節(jié)點移動、編輯、刪除
⑦支持任意更換皮膚 / 個性化圖標(依靠css)
⑧支持極其靈活的 checkbox 或 radio 選擇功能
⑨簡單的參數(shù)配置實現(xiàn) 靈活多變的功能
zTree 的下載地址:請點這里
上述內(nèi)容就是jQueryTree插件zTreev3.3正式版發(fā)布的示例分析,你們學到知識或技能了嗎?如果還想學到更多技能或者豐富自己的知識儲備,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。