如何在ExtJS4中扩展我们自己的类

Question

我在Ext JS 4中创建了类，现在我想在另一个类中扩展它。我使用extend属性来扩展类。但我无法延长课程。我是否要使用require来包含类文件。但我将这两个文件保存在同一目录中。

Answer 1

定义ExtJS的源路径以找到源文件。

Ext.Loader.setConfig({
            enabled: true,
            paths: {
                '[your namespace prefix here]': '[physical path]'
            }
        });

然后在子类中定义Ext.require或requires部分以启用自动路径解析。 请阅读this link了解详情。

示例

基类：位于文件夹root/view/common/Picker.js

的文件

Ext.define('RL.view.common.Picker', {
    extend: "Ext.form.field.Picker",
...
}

子类：位于文件夹root/view/selection/DriverTreeCombo.js

的文件

Ext.define('RL.view.selection.DriverTreeCombo', {
        extend: "RL.view.common.Picker",
        requires: ['Ext.tree.Panel', 'RL.view.common.TreeBase'],
...
}

我的命名空间为RL.xxx.xxx，RL应该是root文件夹。现在我可以定义Loader配置如下

Ext.Loader.setConfig({
            enabled: true,
            paths: {
                'RL': '/root'                    
            }
        })

应在'Ext.onReady（...）'函数调用之前设置Loader配置。通过ExtJS包中的examples文件夹可以帮助您了解如何完成此操作。

进一步阅读：

• The Class System
• Dynamic Loading and new class system