论坛首页 入门技术论坛

extjs关于tab form的激活

浏览 3547 次
该帖已经被评为新手帖
作者 正文
   发表时间:2008-07-04  
extjs中使用了tab form
代码中关于tab部分的定义

items: {
            xtype:'tabpanel',
            deferredRender:false,//设为false,提交的时候才会提交所有tab里的field
            activeTab: 0,
            defaults:{autoHeight:true, bodyStyle:'padding:10px'}, 
            items:[{
                title:'基本信息',
                layout:'form',
                defaults: {width: 230},
                defaultType: 'textfield',

                items: [{
                    fieldLabel: '公司名称',
                    name: 'org_profile[name]'
                },new Ext.form.DateField({
                        fieldLabel: '成立日期',
                        name: 'org_profile[reg_on]',
                        width:190,
                        format:'Y-m-d'
                }),{
                    fieldLabel: '公司规模',
                    name: 'org_profile[guimo]'
                }, {
                    fieldLabel: '员工数量',
                    name: 'org_profile[employees_num]'
                }, {
                    fieldLabel: '公司主页',
                    name: 'org_profile[url]'
                }]
            },{
                title:'联系信息',
                layout:'form',
                defaults: {width: 230},
                defaultType: 'textfield',

                items: [{
                    fieldLabel: '公司地址',
                    name: 'org_profile[address]'
                },{
                    fieldLabel: '邮政编码',
                    name: 'org_profile[post_code]'
                },{
                    fieldLabel: '联系人',
                    name: 'org_profile[contact]'
                },{
                    fieldLabel: '联系电话',
                    name: 'org_profile[tel]'
                },{
                    fieldLabel: '传真号码',
                    name: 'org_profile[fax]'
                },{
                    fieldLabel: '电子邮件',
                    name: 'org_profile[email]'
                }]
            },{
                title:'附加信息',
                layout:'form',
                defaults: {width: 230},
                defaultType: 'textfield',

                items: [{
                    fieldLabel: '附加信息',
                    name: 'org_profile[desc]'
                }]
            }]


其中
activeTab: 0,

指定了form打开的时候默认激活第一个tab

那么,如何动态的去指定form render的时候激活哪个tab呢??
   发表时间:2008-08-11  
var tabs = new Ext.TabPanel({
    renderTo: Ext.getBody(),
    activeTab: 0,
    items: [{
        title: 'Tab 1',
        html: 'A simple tab'
    },{
        title: 'Tab 2',
        html: 'Another one'
    }]
});

或者使用setActiveTab( String/Panel tab ) : void
Sets the specified tab as the active tab. This method fires the beforetabchange event which can return false to cance...
0 请登录后投票
论坛首页 入门技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics