加載的自定義類不工作在分機Js

Question

我想下面的代碼，但它不工作。我可以在瀏覽器狀態欄中看到正確的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 /公司/班/ ToolbarLargeButton.js

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

Answer 1

我想你應該在Ext.define指定完整的類名：

Ext.define('company.classes.ToolbarLargeButton', {