Ext.TabPanel多(层)次继承以后报错

Ext.TabPanel多次继承以后报错

最近在项目对Ext.TabPanel进行继承发现一个问题
就是当对Ext.TabPanel进行多次的继承之后,给items里面家东西就会报错.

代码如下:

var TestExtend=Ext.extend(Ext.TabPanel,{})

function TeEE(){
	TeEE.superclass.constructor.call(this);
}
Ext.extend(TeEE,TestExtend,{

	/* //代码中加上这一段就会报错
   items: [{
        title: 'Tab 1',
        html: 'A simple tab'
    },{
        title: 'Tab 2',
        html: 'Another one'
    }]*/

})
// 当在TestExtend或者是TeEE中加上items时 执行这个会报错
check_TP2=new TeEE();

//执行 这个则不会报错
check_TP2=new TestExtend();

代码中TestExtend继承了Ext.TabPanel, TeEE继承TestExtend.
使用TeEE的时候,在TestExtend或者是TeEE中加上items就会报错.

但是 单独使用TestExtend却没有任何问题

这个让人觉得Ext.TabPanel是不是不能多次继承,或则是我对Ext继承理解不够.

评论

1 楼 walkman 2009-01-07  

多层继承肯定是没问题的
问题出在你继承的时候，不要添加引用的属性，例如你这里的 items，这种引用类型在创建多个实例的时候是公用的，一个实例修改 items 后其他实例访问时已经不是之前那个了。子类新加的属性最好是值类型，例如：string，number，bool等等
另外你这里添加的 items 属性在父类中已经定义，非常危险