EXT中的column tree示例显示不了,有没有谁用过,给个例子

EXT示例中的column tree显示不了,我不知道怎么加数据,想知道这颗树的效果,但是不知道怎么来用,官方的例子好像没有数据

je怎么这么慢.....
补充下
部署到服务器 自动就是服务器传入json

部署到服务器上才可以看到效果

你部署在在TOM里面就可以用了,因为要引用
column-data.json
这个数据源,所以要部署,或者是你直接这样整
你找到 examples\tree\reorder.js这个文件,把里面的内容替换成这样就可以了
Ext.onReady(function(){
// shorthand
var Tree = Ext.tree;

var tree = new Tree.TreePanel({
el:'tree-div',
useArrows:true,
autoScroll:true,
animate:true,
enableDD:true,
containerScroll: true,
loader:new Ext.tree.TreeLoader({preloadChildren:true,clearOnLoad:false}),
});
var root = new Tree.AsyncTreeNode({
text: 'Ext JS',
draggable:false,
id:'source',
expanded:true,children:[{
task:'Abstract rendering in TreeNodeUI',
duration:'15 min',
user:'Jack Slocum',
uiProvider:'col',
leaf:true,
iconCls:'task'
},{
task:'Create TreeNodeUI with column knowledge',
duration:'45 min',
user:'Jack Slocum',
uiProvider:'col',
leaf:true,
iconCls:'task'
},{
task:'Create TreePanel to render and lock headers',
duration:'30 min',
user:'Jack Slocum',
uiProvider:'col',
leaf:true,
iconCls:'task'
},{
task:'Add CSS to make it look fly',
duration:'30 min',
user:'Jack Slocum',
uiProvider:'col',
leaf:true,
iconCls:'task'
},{
task:'Test and make sure it works',
duration:'1 hour',
user:'Jack Slocum',
uiProvider:'col',
leaf:true,
iconCls:'task'
}]
},{
task:'Custom Field Example',
duration:'2 1/2 hours',
user:'',
uiProvider:'col',
cls:'master-task',
iconCls:'task-folder',
children:[{
task:'Implement "Live Search" on extjs.com from Alex',
duration:'1 hour',
user:'Jack Slocum',
uiProvider:'col',
leaf:true,
iconCls:'task'
},{
task:'Extend TwinTrigger',
duration:'30 min',
user:'Jack Slocum',
uiProvider:'col',
leaf:true,
iconCls:'task'
},{
task:'Testing and debugging',
duration:'1 hour',
user:'Jack Slocum',
uiProvider:'col',
leaf:true,
iconCls:'task'
}]
},{
task:'Foo Bar Item',
duration:'3 hours',
user:'',
uiProvider:'col',
cls:'master-task',
iconCls:'task-folder',
children:[{
task:'Abstract rendering in TreeNodeUI',
duration:'15 min',
user:'Jack Slocum',
uiProvider:'col',
leaf:true,
iconCls:'task'
},{
task:'Create TreeNodeUI with column knowledge',
duration:'45 min',
user:'Jack Slocum',
uiProvider:'col',
leaf:true,
iconCls:'task'
},{
task:'Create TreePanel to render and lock headers',
duration:'30 min',
user:'Jack Slocum',
uiProvider:'col',
leaf:true,
iconCls:'task'
},{
task:'Add CSS to make it look fly',
duration:'30 min',
user:'Jack Slocum',
uiProvider:'col',
leaf:true,
iconCls:'task'
},{
task:'Test and make sure it works',
duration:'1 hour',
user:'Jack Slocum',
uiProvider:'col',
leaf:true,
iconCls:'task'
}]
},{
task:'WTF Item',
duration:'3 hours',
user:'',
uiProvider:'col',
cls:'master-task',
iconCls:'task-folder',
children:[{
task:'Abstract rendering in TreeNodeUI',
duration:'15 min',
user:'Jack Slocum',
uiProvider:'col',
leaf:true,
iconCls:'task'
},{
task:'Create TreeNodeUI with column knowledge',
duration:'45 min',
user:'Jack Slocum',
uiProvider:'col',
leaf:true,
iconCls:'task'
},{
task:'Create TreePanel to render and lock headers',
duration:'30 min',
user:'Jack Slocum',
uiProvider:'col',
leaf:true,
iconCls:'task'
},{
task:'Add CSS to make it look fly',
duration:'30 min',
user:'Jack Slocum',
uiProvider:'col',
leaf:true,
iconCls:'task'
},{
task:'Test and make sure it works',
duration:'1 hour',
user:'Jack Slocum',
uiProvider:'col',
leaf:true,
iconCls:'task'
}]
}]
});
tree.setRootNode(root);

// render the tree
tree.render();
root.expand();

});