加载自定义类在ExtJs中不起作用

Loading of custom class not working in Ext Js

本文关键字：不起作用 ExtJs 自定义 加载      更新时间：2023-09-26

我正在尝试以下代码，但它不起作用。我可以在浏览器状态栏中看到，正在加载来自正确路径的正确javascript文件，但UI没有显示。相反，如果我将整个代码内联（在app.js中），那么一切都会如预期的那样工作。我使用Ext Js 4.1.1。

app.js

Ext.onReady(function () {
    Ext.Loader.setConfig({
        enabled: true,
        paths: {
            'company': './src/company'
        }
    });
    var largeHomeButton = Ext.create('company.classes.ToolbarLargeButton', {
        iconCls: 'home32'
    });
    var myToolbar = Ext.create('Ext.toolbar.Toolbar', {
        items: [largeHomeButton]
    });
    var master = Ext.create('Ext.panel.Panel', {
        layout: 'absolute',
        x: 0, y: 0,
        height: 100, width: 110,
        border: 5,
        lbar: [myToolbar]
    });
    Ext.create('Ext.Viewport', {
        layout: 'anchor',
        items: [master]
    });
});

src/company/classes/ToolbarLargeButton.js

Ext.define('ToolbarLargeButton', {
    extend: 'Ext.button.Button',
    scale: 'large',
    iconAlign: 'center'
});

我认为您应该在Ext.define:中指定完整的类名

Ext.define('company.classes.ToolbarLargeButton', {
相关文章：