Ext树的实现的步骤

Ext树实现步骤，一起分享

Ext.onReady(function() {
var serviceRoot = new Ext.tree.AsyncTreeNode({
id:"XXXX",//树根节点ID
draggable : false,
expanded:true,
text:"XXXX",//树根节点名称
cls:'folder'
});
var serviceLoader = new Ext.tree.TreeLoader({
dataUrl:"listAdminComponentShow.view",
requestMethod :'POST',
listeners:
{
beforeload:function(obj,node,response)
{
serviceLoader.baseParams = {id: node.id,tree_type:tree_type,parentServiceId: node.id};
}
}
});
//定义的是一个按钮
var showAll = new Ext.Button({
text:'显示所有组件名',
id:'showAll',
handler : function() {
tree_type='1';
serviceRoot.reload();
hiddenNull.setVisible(true);
showAll.setVisible(false);
}
});

//树 的展现
var servicepanel = new Ext.tree.TreePanel({
id:'serviceTreeId',
tbar : new Ext.Toolbar(
{items : [showAll ,hiddenNull]}),
border:false,
animate:true,
useArrows: true,
containerScroll:true,
border: false,
autoShow:true,
autoScroll:true,
showPreview : true,
autoFill : true,
margins:'0 5 5 0',
loader:serviceLoader//加载的数据
});