Ext JS创建自定义组件（类）

Question

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

我想创建某种类，所以我将能够创建此组件的多个实例，但具有不同的参数。一些构造函数。这些参数将设置标签和按钮选项。

我正在使用Sencha建筑师，所以我想知道这是可能的，它是如何做到的？

Answer 1

您可以使用Ext.define（http://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 
     //... 
    } 
}); 

Answer 2

通过ExtJS的代码，你只可以使用分机等级系统：

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

要做到这一点通过建筑师的GUI，请按照本指南（截图）： http://docs.sencha.com/architect/3/creating_an_application/working_with_classes.html