ExtJs的继承和组件的扩展问题

0 0

ExtJs的继承和组件的扩展问题5

用4的语法来表达:

Ext.define('myComponent',{
    extend:'Ext.panel.Panel',
    //...code1 here... ,
    Ext.apply(this,{
        //...code2 here... ,

        this.callParent(arguments);
    });
});

写在code1和code2处的，如果是配置项，当扩展的组件被实例化出来，有什么区别？如果需要添加一个自定义的组件内置函数，应该写在哪里？最后的this.callParent(arguments);有什么意义？是必须的吗？

EXT

2014年5月10日 22:52

tacosu
20
0 0 1

Ext.define('component.public.AjaxStore', {
extend : 'Ext.data.JsonStore',
alias : 'ajaxStore',
constructor : function(config) {
config=config||{};
Ext.applyIf(config, {
proxy : {
type : 'ajax',
url : config.url ? config.url : null,
reader : {
type : 'json'
}
}
});
delete config.url;
this.callParent([config]);
},
});

this.callParent()是调用父组件的当前的this所在的方法
如当前的this在constructor 里面那么这里的callParent调用的就是
Ext.data.JsonStore的 constructor 方法

2014年5月23日 22:28

569934930
30
0 0 2

添加评论

0 0

//定义组件Ext.some.component的预配置类MyComponent
MyComponent = Ext.extend(Ext.some.component, {
myDefault1: '..',
myDefault2: '..'
});


//注册成xtype以便延迟加载
Ext.reg('mycomponentxtype', MyComponent);


可作为扩展Ext.Component的起点
MyComponent = Ext.extend(Ext.some.component, {
    //缺省构造参数，可被自定义设置覆盖
    propA: 1,
 
    initComponent: function(){
       //在组件初始化期间调用的代码
 
        //因为配置对象应用到了“this”，所以属性可以在这里被覆盖，或者添加新的属性
        //（如items,tools,buttons）
        Ext.apply(this, {
            propA: 3
        });
 
       //调用父类代码之前        
 
        //调用父类构造函数（必须）
        MyComponent.superclass.initComponent.apply(this, arguments);
 
       //调用父类代码之后
        //如：设置事件处理和渲染组件
    },
 
    //覆盖其他父类方法
    onRender: function(){
 
        //调用父类代码之前
 
        //调用父类相应方法（必须）
        MyScope.superclass.onRender.apply(this, arguments);
 
        //调用父类代码之后
 
    }
});
 
//注册成xtype以便能够延迟加载
Ext.reg('mycomponentxtype', MyComponent);


不过exjs里面的有很很多扩展的插件 你可以看下他里面的文档

2014年5月12日 10:38