最近部門同事碰到一個問題，將ztree嵌入在套了幾層Panel的面板中不會正常顯示，但是將上層面板換成window就能正常顯示，開始以為是所在的外部容器不管嵌套了幾層，但是必須最底層是window容器，但是測試后發現不是這樣的，然后又仔細的看了下代碼，原來我的js文件是動態加載的，在這種情況下會有一個刷新先后順序的問題，雖然執行了樹的加載事件，但是在panel中沒有任何顯示，經過測試最終的成功解決辦法是：
在panel中添加afterlayout事件，具體的代碼如下：
var treepanel = new Ext.Panel({
width: 300,
region: 'west',
html: "<div id=\"pnlTree\" class=\"ztree\"></div>",
listeners: {
'afterlayout': function() {
initTree();
}
}
});
function initTree() {
zTree = $.fn.zTree.init($("#pnlTree"), setting, treeNodes);
var nodes = zTree.getNodes();
if (nodes.length > 0) {
zTree.expandNode(nodes[0], true, false, false);
}
}
需要注意的是treepanel中的id不能與div中的id重名，如果重名也不會正常顯示樹菜單，我們可以默認把treepanel中的id省略。
