在panel中有个activeItem属性,后面跟需要激活的组件的ID或者索引,可以设置默认激活的组件。而在tabpanel中还有个activeTab属性,后面跟items中的组件的索引(从0开始)指定默认激活的组件。
在一个viewPort的center里:
然后在一个方法里可以设置激活其他的panel:
这样就可以调用fn这个方法去激活需要激活的元素。
在一个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这个方法去激活需要激活的元素。