扩展Ext.TabPanel的一个问题 (2009-10-30)

又开始学习并应用Ext了,前一段在搞其它的东西,就又把Ext给放下来.这一段又重拾起Ext来。

做了一个简单的TabPanel的封装,运行一下, 竟然报错,代码挺简单的,代码如下:

XXX.widget.TabPanel= Ext.extend(Ext.TabPanel,{
	
	activeTab : 0,
	height    : 400,
	autoWidth : true,
	plain     : true,
	defaults  : {autoScroll:true},
	/**
	  * @override 
	  */
	initComponent : function(){
		XXX.widget.TabPanel.superclass.initComponent.call(this);		
	}
});
Ext.reg("wTabPanel", XXX.widget.TabPanel);

一直报找不到属性,最后找到出错地点,是在TabPanel的下面一段代码

    onBeforeAdd : function(item){
        var existing = item.events ? (this.items.containsKey(item.getItemId()) ? item : null) : this.items.get(item);
        if(existing){
            this.setActiveTab(item);
            return false;
        }
        Ext.TabPanel.superclass.onBeforeAdd.apply(this, arguments);
        var es = item.elements;
        item.elements = es ? es.replace(',header', '') : es;
        item.border = (item.border === true);
    },

暂时还没有查清楚为什么,通过分段排错,发现注释掉新组件的initComponent 方法就可以了.

时间比较紧,先解决问题,后面再看是什么问题,大家如果知道,欢迎指正,我会很感谢!