Ext问题:this.mainbody.dom为空或不是对象

做完需求访谈之后开发demo的时候 遇到了这个问题 很是费解

 

 原来是我用tabpanel的时候

 是在原来的items的基础上加了几条,但是它的tab标签激活函数handleActivate被只是激活原来的items数量,代码注释部分是后来加的 然后调试就总是报错 项目firefox不兼容也不能调试 哎 搞了一上午 梳理了一下逻辑, 加上了之后就ok了 哎真是悲剧

var tabs = new Ext.TabPanel({
  id: 'myTabs',
        activeTab: 0,
        frame: true,
        plain:true,
  baseCls: 'x-panel-mc',
        defaults:{
   autoScroll: false,
   autoHeight: false
//   autoScroll: true
  },
        items:[
            {
                title: '项目基本信息',
    id: '01',
    listeners: {activate: handleActivate},
    items: editEventsFormPanel
            }, {
                title: '可行性分析',
    id: '02',
    items: feasibilityFormPanel
            }, {
                title: '项目进度',
    id: '03',
                layout: 'fit',
    items: eventsTrackGridPanel
            }

/*,{
    title:'项目风险',
    id:'04',
    layout:'fit',
    items:projectRiskGriddPanel
   }, {
                title: '项目附件',
    id: '05',
                layout: 'fit',
    items: eventsFileGridPanel
            },{
    title:'项目后评估',
    id:'06',
    layout:'fit',
    items:projectEvaluateFormPanel
   }*/
        ]
    });

 

 

var isFirstTabChange = true;
function handleActivate(tab){
 if(isFirstTabChange){
  isFirstTabChange = false;
  var myTab = Ext.getCmp('myTabs');
  myTab.setActiveTab(1);
  myTab.setActiveTab(2);
  myTab.setActiveTab(3);
  //myTab.setActiveTab(4);
 // myTab.setActiveTab(5);
  myTab.setActiveTab(0);
 }
}