ExtJS 组件的可重用性

【问题标题】：ExtJS Components ReusabilityExtJS 组件的可重用性
【发布时间】：2026-01-12 04:25:01
【问题描述】：

谁能告诉我如何在 ExtJS 4 中实现可重用性概念？我有一个页面，其中有 4 个条形图，为此我必须编写相同的代码 4 次。如何使其通用，以便我们可以调用一个接受不同参数的函数，并且该函数将根据我提供给该函数的输入来创建图表。

有什么例子吗？

【问题讨论】：

【解决方案1】：

有很多关于编写课程的信息。查看任何 MVC 示例。

自定义类：

Ext.define('MyClass', {
    extend: 'Ext.Component',

    initComponent: function(){
        this.html += 'Foo';
        this.callParent();
    }
});

Ext.onReady(function(){
    new MyClass({
        renderTo: document.body,
        html: 'X'
    });
});

【讨论】：

没有比这更简单的例子了
用一个更简单的例子更新了 OP。
我正在尝试在我的类中创建一个自定义函数 drawCombo，但它会给出错误但是如果我将 drawCombo 更改为 initComponent 它会渲染得很好
Ext.define('MyClass',{ extend: 'Ext.form.field.ComboBox', drawCombo: function(){ //组合框代码放在这里 } });
并像这样调用它 Ext.onReady(function () { var class1 = new MyClass(); class1.drawCombo(); });