使用Ext.extend的几点小结

1.

TestExtend3 = Ext.extend(Ext.Panel,{title:'333333'});
Ext.onReady(function() {
    var obj = new TestExtend3({
        applyTo : 'extend'
    });
});
这里标题显示：333333

当改为

Ext.onReady(function() {
    var obj = new TestExtend3({
        applyTo : 'extend',
        title : 'obj'
    });
});
这时标题显示为：obj

2.

TestExtend1 = function(config){
TestExtend1.superclass.constructor.call(this,config);
}
Ext.extend(TestExtend1,Ext.Panel,{title:'111111'});
 
Ext.onReady(function() {
var obj = new TestExtend1({
applyTo : 'extend'
});
});
这里标题显示：111111

当改为

Ext.onReady(function() {
var obj = new TestExtend3({
applyTo : 'extend',
title : 'obj'
});
});
这时标题显示为：obj

3.

TestExtend2 = function(config){
var _config = {}
Ext.apply(_config,config);
TestExtend2.superclass.constructor.call(this, _config);
}
Ext.extend(TestExtend2,Ext.Panel,{
title : 'extend_222222'
});
Ext.onReady(function() {
var obj = new TestExtend1({
applyTo : 'extend'
});
});
这里标题显示：extend_222222

当改为
var _config = {title : ‘_config_222222′}
这里标题显示：_config_222222

然后改为

Ext.onReady(function() {
var obj = new TestExtend3({
applyTo : 'extend',
title : 'obj'
});
});
这时标题显示为：obj

4.

myClass = function(config){
var _config = {
//这里一般定义改变Ext组件的属性
//如：title : 'This a title'
}
Ext.apply(_config,config);
myClass .superclass.constructor.call(this, _config);
//这里一般定义改变Ext组件的方法
//如：this.setDefaultSort('lastpost', 'desc');
}
Ext.extend(myClass,Ext.Panel,{
//这里一般定义自己加入的方法
//如：loadArticle : function(){}
});
使用时还可以参数里写自己的属性
var obj = new myClass({title : ‘obj’s title’});

固定链接 ： http://www.donson.cn/archives/25