最近開發過程中，需要寫乙個公司人員組織架構的樹狀圖，後來選用了依賴jquery的ztree外掛程式來實現，主要是該外掛程式功能齊全，效能穩定，個性化編輯方便，遂選用了這個外掛程式。我記錄了一下根據自身需求定製化修改的幾項功能：
這是樹狀圖最終的樣子
//這是html部分，即樹狀圖的dom結構
//這是實現最基本功能的js**結構
var setting=,
callback:,
data:,
async:
};var znodes=[
]$(document).ready(
function
());
//由於結構比較複雜，組織架構大，此處我選擇同級結構下只會單一路徑展開，於是在js中加入以下**，並且在setting中配置好對應事件
var curexpandnode = null;function beforeexpand(treeid, treenode) else }}
}curexpandnode = newnode;
}function onexpand(event, treeid, treenode)
//由於我在上面關閉了雙擊展開這個事件，希望引入單擊父節點即載入子節點function onclick(e,treeid, treenode)
}//由於結構複雜，資料量較多，我希望使用非同步載入的方式，點選父節點以後再載入子節點
//該函式是對返回的資料進行處理後載入到節點上的方法，由於我模擬的資料格式跟treenode的格式一樣，就沒有再對其屬性做設定
function filter(treeid,parentnode,responsenode)
Ztree使用入門
目的及實現結果 建立乙個簡單的tree樹 需要引入的 js 包有 treestyle.css，jquery 1.4.4.min.js，jquery.ztree.core 3.5.js，jquery.ztree.excheck 3.5.js ztree建立樹級結構 使用其ztree的初始化方法 fn....
zTree使用心得
1.多的不說，發現ztree有乙個問題，使用簡單資料的時候最底層子節點最左側會有加號，可能是min.js有問題吧 暫時解決方法如下，初始化樹以後遍歷子節點，手動的將最底層子節點的isparent改為false，並呼叫updatenode方法更新，也可以遍歷完以後，最後呼叫treeobj.refres...
ztree的簡單使用
ztree 是乙個依靠 jquery 實現的多功能 樹外掛程式 優異的效能 靈活的配置 多種功能的組合是 ztree 最大優點。ztree 是開源免費的軟體 mit 許可證 其實ztree的api已經說得足夠明白了，自己再記錄一遍加深一下印象。id treedemo class ztree ul 1...