Ext JS创建自定义组件(类)

时间:2015-04-23 09:20:46

标签: javascript extjs sencha-architect

我想创建一个包含其他组件(标签,按钮......)的自定义组件(容器)。

我想创建某种类,所以我可以创建这个组件的多个实例但是有不同的参数。 Somekind的构造函数。这些参数将设置标签和按钮选项。

我正在使用Sencha Architect,所以我想知道这是否可能以及如何做到这一点?

2 个答案:

答案 0 :(得分:2)

通过ExtJS代码,您可以使用Ext Class System:

Ext.define('MyOwnView', {
    extend: 'Ext.container.Container',
    constructor: function () {
        // ... your code
    }
});

要通过Architect GUI实现此目的,请按照本指南(带截图): http://docs.sencha.com/architect/3/creating_an_application/working_with_classes.html

答案 1 :(得分:1)

您可以使用Ext.definehttp://docs.sencha.com/extjs/4.2.2/#!/api/Ext-method-define)来定义新的类原型,如下所示:

Ext.define('My.app.Panel', {
     extend: 'Ext.panel.Panel',
     requires: [
         'My.app.PanelPart2',
         'My.app.PanelPart3'
     ]

     constructor: function (config) {
         this.callParent(arguments); // calls Ext.panel.Panel's constructor
         //...
     }
 });