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’});
使用Ext.extend的几点小结
最新推荐文章于 2023-10-11 07:20:59 发布