在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这个方法去激活需要激活的元素。
分享到:
相关推荐
extjs2----关于extjs 的使用,操作.比较初级,但是也比较使用。适合初步接触extjs的朋友
深入浅出EXTJS241-320深入浅出EXTJS241-320深入浅出EXTJS241-320深入浅出EXTJS241-320深入浅出EXTJS241-320深入浅出EXTJS241-320深入浅出EXTJS241-320深入浅出EXTJS241-320深入浅出EXTJS241-320深入浅出EXTJS241-320...
ExtJS----HelloWorld程序源码
一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa
extjs--创建图表 折线图、饼状图、柱状图
extjs-basex.js extjs-basex.js extjs-basex.js
extjs_4.1.0_community_extjs4-mvc-complex-dashboard
EXTJS---完整数据库代码,全网唯一,非常适合EXTJS搭建框架,包含动态树,菜单,集成SPIRNGMVC+exjs+jdbc 等
Extjs4---grid的修改、删除功能---结合struts2、hibernate
Extjs4---combobox省市区三级联动+struts2
extjs-620-docs官方文档extjs-620-docs官方文档extjs-620-docs官方文档
extjs4.2-2
extjs4-教程搭建 ExtJS 入门学习、可视化开发环境、布局详解 、文档阅读
Extjs4--Form登录功能,结合struts2
extJs-5.0.1-gpl附带sencha cmd安装程序、ruby编译包(分为32位和64位)和教程,一共四部分
深入浅出EXTJS241-320深入浅出EXTJS241-320深入浅出EXTJS241-320深入浅出EXTJS241-320
extjs-theme-bootstrap-master.zip
ExtJS4.0-API Ext4.0-API Ext4 ExtJS4 API 学EXTJS4的好东西...
extjs4-slate 主题 extjs4.0.7