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

【问题标题】：Ext JS create custom component(class)Ext JS 创建自定义组件（类）
【发布时间】：2015-04-23 09:20:46
【问题描述】：

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

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

我正在使用 Sencha Architect，所以我想知道这是否可行以及如何实现？

【问题讨论】：

【解决方案1】：

通过 ExtJS 代码，您可以使用 Ext 类系统：

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

【讨论】：

如何在类成员中创建视图，以便通过构造函数设置它们的值？？
对不起，我不明白你的问题:(你能不能描述一下？

【解决方案2】：

您可以使用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
         //...
     }
 });

【讨论】：