次のコードを試していますが、うまくいきません。ブラウザーのステータス バーで、正しいパスから正しい 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'
});