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

我已经在ExtJS4中创建了这个类，现在我想在另一个类中扩展它。我使用

extend

properties来扩展类。但是我不能延长上课时间。是否要使用require包含类文件。但是我将这两个文件都保存在同一个目录中。

为ExtJS定义源路径以定位源文件

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

然后在子类中定义

Ext.require

或

requires

节以启用自动路径解析。 阅读更多信息

示例

基类：文件位于文件夹

root/view/common/Picker.js

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

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

子类：位于文件夹

root/view/selection/DriverTreeCombo.js

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

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

我的名称空间是RL.xxx.xxx，RL应该是

根文件夹。现在我可以如下定义加载程序配置

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

加载程序配置应在“Ext.onReady（…）”函数调用之前设置。浏览ExtJS包中的examples文件夹将帮助您了解如何做到这一点

进一步阅读：




检查一下，谢谢。。但是我们到底想在哪里使用这个代码。我们必须创建一个单独的文件，或者可以在js文件中编写，在那里我们扩展了我们自己的类文件？嘿，科伦坡，你能给我发送完整的功能代码吗。我做不到，它显示了“异常抛出和未捕获”错误。我已经再次编辑了我的答案。请参阅最后的阅读链接。这会有帮助。你会在动态加载和新类系统页面的末尾找到一个可下载的ZIP文件和一个示例。