Ext调用xml文件以树形结构显示

 

var toolTree;

function initToolTree() {

var tree;

var root = new Ext.tree.AsyncTreeNode({

id : 'root',

text : '工具树',

expanded : true

});

var loader = new Ext.app.MenuLoader({

dataUrl : 'xml/toolTree.xml' //调用xml页面

});

tree = new Ext.tree.TreePanel({

autoScroll : true,

autoHeight : false,

autoWidth : false,

rootVisible : false,

animate : true,

border : false,

lines : true,

root : root,

loader : loader,

listeners : {

render : function(tp) {

},

loadexception : function(loader, node, response) {// 解决在IE下偶尔有不能加载的bug

node.loaded = false;

node.reload.defer(10, node);// 不停的加载，直到true

}

}

});

tree.on('click', function(node) {

if (node.id == '1') {

RunWrong.data.testRun();

}

if (node.id == '2') {

DeleteXiaoIWord.form.showWindow();

}

if (node.id == '3') {

configWindow.show();

}

});

return toolTree = tree;

};