Tree

Ext.onReady(function(){

 
    var proxy=Ext.create('Ext.data.proxy.Ajax',{
        url : 'tree.json',
        reader : {
            type : 'json',
            root : 'tree'
        }
    });
    Ext.regModel('treeModel', {
       fields: ['key','text']
    });
    var treeStore = Ext.create('Ext.data.TreeStore', {
        model : 'treeModel',
        proxy : proxy
    });
    var tree=Ext.create('Ext.tree.Panel', {
       title: 'Simple Tree',
       width: 200,
       height: 150,
       store: treeStore,
       rootVisible: true
    });
 
    Ext.create('Ext.container.Viewport',{
        layout:'border',
        items:[{
            title:'财务预警系统',
            collapsible:true,
            html:'<center><font size=7>财务预警系统</font></center>',
            region:'north',
            height:140
        },{
            title:'公司',
            items:tree,
            split:true,
            collapsible:true,
            region:'west',
            width:200
 
        }]
    });
});

 

 

后台返回数据 {"tree":[{"text":"测试公司","leaf":true,"key":1},{"text":"测试公司2","leaf":true,"key":2},{"text":"测试公司3","leaf":true,"key":3}]}