为什么我的Extjs TreePanel不能从外部获取数据

Question

[code="java"]

Ext.onReady(function () { Ext.BLANK_IMAGE_URL = 'resources/s.gif'; var treeLoader = new Ext.tree.TreeLoader({ dataUrl: "treedata.js" }); var tree = new Ext.tree.TreePanel({ id: 'treeDemo', el: 'treeDemo', title: 'Demo', loader: treeLoader, width: 300, height: 500, autoScroll: true }); var root = new Ext.tree.AsyncTreeNode({ text: 'Demo', id: 'source' }); tree.setRootNode(root); tree.render(); });

[/code]

下面是treedata.js数据代码
[code="java"][{
"id": 'root1',
"text": '销售管理'
}, {
'id': 'root2',
'text': '货品查询'
}][/code]

麻烦大虾们帮忙看看

Answer 1

[code="js"]Ext.onReady(function() {

Ext.BLANK_IMAGE_URL = 'resources/s.gif';

var treeLoader = new Ext.tree.TreeLoader({
    dataUrl : "sellData.js"
});

var tree = new Ext.tree.TreePanel({
    renderTo:document.body,
    title : 'Demo',
    loader : treeLoader,
    width : 300,
    height : 500,
    autoScroll : true,
    root : new Ext.tree.AsyncTreeNode({
        text : 'Demo',
        id : 'source'
    })
});

tree.render();

root.expand();

});
[/code]