20140724

 实现ExtJS左边树结构，右边iframe显示布局，但一下午都没有搞好对树结构的监听

var MainPanel,WestPanel,panel1,panel2,panel3,CenterPanel;
Ext.onReady(Start);
function Start()
{
    //创建MainPanel
    MainPanel=Ext.create('Ext.panel.Panel',{
       width:1365,//这么大刚好适应chrome浏览器
       height:665,
       layout:'border',
       renderTo:Ext.getBody(),
       title:'Titansec 研发部 XXX'
    }
    );
   
    //创建WestPanel，布局为accordion
    WestPanel=Ext.create('Ext.panel.Panel',{
    width:'20%',
    region:'west',
        title:'菜单',
        layout:'accordion',
        margin:5,
        layoutConfig: {       
            titleCollapse: false,        
            animate: true,        
            activeOnTop: true     
        } 
    }
    );
  
 //创建panel1,store为treeStore
 var treeStore=Ext.create('Ext.data.TreeStore',{
                    root: {
                      expanded: true,
                      text: "显示了根",
                      children: [
                      {id:"baidu", text:"baidu",expanded:true,children:[ {id:"360", text:"360", leaf: true }]},
                        {id:"sina", text:"sina",expanded:true,children:[ {id:"QQ", text:"QQ", leaf: true }]}]
                    }
               });
 
var panel1=Ext.create('Ext.tree.Panel',{
    title:'网站',
    store:treeStore,
    rootVisible: true,//通过控制这个可以达到显示上好像有“多个根节点”的效果
    listeners:{
 
          }
});   
 
//创建Panel2,store为tressStore
var panel2=Ext.create('Ext.tree.Panel',{
    title:'网站',
    store:treeStore,
    rootVisible: false,//通过控制这个可以达到显示上好像有“多个根节点”的效果
    listeners:{
 
          }
});
 
    panel3=Ext.create('Ext.panel.Panel',{
    title:'panel3',
    html:'我是Panel3'
    }
    );
   
    CenterPanel=Ext.create('Ext.panel.Panel',{
       margin:'5 5 5 5',//top,right,bottom,left
    region:'center',//因为它已经是center，再对其设置大小是无效的
       layout:'fit',
    html:'<iframe src="http://www.baidu.com"width=100% height=100% ></iframe>'//这里width=100%改成width:100%时不会生效
    }
    );
   
    WestPanel.add(panel1);
    WestPanel.add(panel2);
    WestPanel.add(panel3);
    MainPanel.add(WestPanel);
    MainPanel.add(CenterPanel);
  
}