我正在尝试以下代码,但它不起作用。我可以在浏览器状态栏中看到来自正确路径的正确 javascript 文件正在加载,但 UI 未显示。相反,如果我将整个代码内联(在 app.js 中),那么所有代码都可以按预期工作。我正在使用 Ext Js 4.1.1。
应用程序.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'
});