Ext.onReady(function () {

                var store = Ext.create('Ext.data.TreeStore', {
                    root: {
                        expanded: true,
                        children: [{
                            text: "c1",
                            url:'http://www.baidu.com',
                            leaf: true
                        }, {
                            text: "c2",
                            url:'http://www.gougou.com',
                            leaf: true
                        }]
                    },
                    text:'root' 
                });

                var tree = Ext.create('Ext.tree.Panel', {
                    title: 'Simple Tree',
                    width: 200,
                    height: 150,
                    store: store,
                    region: 'west',
                    rootVisible: false,
                    listeners:{
                        itemclick:function(view,record){
                            var panel = Ext.getCmp("center");
                            var loader = panel.getLoader();    
                            alert(record.raw.url);
                            loader.load({url:record.raw.url});
                        }
                    }
                });


                var viewport = Ext.create('Ext.container.Viewport', {
                    layout: 'border',
                    items: [{
                        region: 'north',
                        height: 60,
                        html: 'Ndiv'
                    }, {
                        region: 'south',
                        height: 60,
                        html: 'Sdiv'
                    },
                    tree,
                    {
                        region: 'center',
                        id: 'center',
                       autoLoad:'http://www.hao123.com'
                    }]
                });


            });