Extjs的学习-关于面板的激活

       在panel中有个activeItem属性，后面跟需要激活的组件的ID或者索引，可以设置默认激活的组件。而在tabpanel中还有个activeTab属性，后面跟items中的组件的索引（从0开始）指定默认激活的组件。
在一个viewPort的center里:

{
       id:"center",
       region:"center",
       xtype:"tabpanel",
       activeTab:0,      //激活第一个面板,索引从0开始,也就是默认激活Movies Grid
       //activeItem:0,//也可以指定布局时默认激活的组件。
       items:[{            
                 title:"Movies Grid",  //第一个panle是一个Grid
                 xtype:"grid",
                 ....             //配置store和column等
             }，
               {
                id:"moviesDescr",
                title:"Movies Description"
             },{
                 //其他的panel
             }]
}

然后在一个方法里可以设置激活其他的panel：

  
function fn()
{
   var center = Ext.getCmp("center");//获取id为center的元素,也就是上面的tabpanel
   var moviesDescr = Ext.getCmp("moviesDescr");//同理获取id为moviesDescr的元素
   center.setActiveTab(1);//将tabpanel的items里的第2个元素设置为激活状态,也就是将Movies Description设置为激活状态。
  // center.activate("moviesDescr");//这个方法也可以设置需要激活的元素
}

    这样就可以调用fn这个方法去激活需要激活的元素。