無法獲得ExtJS寫入控制檯

我只是想開始使用ExtJS，但文檔不是很有幫助。無法獲得ExtJS寫入控制檯

我從字面上已經粘貼了&其中的一個例子，它不會調用控制器的init函數。我甚至跟着有推薦的目錄佈局

項目單位：

my_app 
    |-- // node.js stuff 
    |--public 
     |--app 
     | |--controller 
     |   |--Users.js 
     | 
     |--ext-4 
     | |--extjs 
     | |--app.js 
     | |--index.html 
     | 
     |--app.js

app.js

Ext.application({ 
    requires: ['Ext.container.Viewport'], 
    name: 'AM', 

    appFolder: 'app', 

    controllers: [ 
     'Users' 
    ], 

    launch: function() { 
     Ext.create('Ext.container.Viewport', { 
      layout: 'fit', 
      items: [ 
       { 
        xtype: 'panel', 
        title: 'Users', 
        html : 'List of users will go here' 
       } 
      ] 
     }); 
    } 
});

Users.js

Ext.define('AM.controller.Users', { 
    extend: 'Ext.app.Controller', 

    init: function() { 
     this.control({ 
      'viewport > panel': { 
       render: this.onPanelRendered 
      } 
     }); 
    }, 

    onPanelRendered: function() { 
     console.log('The panel was rendered'); 
    } 
});

這是究竟是什麼是他們的getting-started docs。頁面加載&顯示，但控制器不是，並且這不是輸出到控制檯。幫幫我？！？？試用過Chrome和Firefox

來源

2013-08-19 Colin

是否將Users.js腳本加載到瀏覽器中？你有啓動加載器嗎？ – dbrin

@dbrin我正在使用最新版本的ExtJS並遵循文檔**完全**。這是他們的代碼 - 他們聲稱應該工作。 – Colin

@dbrin http://docs.sencha.com/extjs/4.1.3/#!/guide/application_architecture – Colin

我不知道爲什麼你正在嘗試開始的Ext JS 4.1.3，目前的版本是4.2.1。另外，目錄結構是錯誤的：既index.html和app.js應在頂級目錄：

+ 
|- app + 
|  |- controller + 
|     |- Users.js 
|- app.js 
|- index.html

的appFolder財產Ext.application調用點相對到index.html目錄。這裏沒有魔法。

來源

2013-08-19 22:45:26

即使在4.2.1指南中他們在ext-4目錄中有app.js和index.html – Colin

即使我將'appFolder'更改爲'/../app'，它也不起作用 – Colin

@ColinMartell是的，該指南中的屏幕截圖看起來確實含糊不清。請看一下index.html源代碼：它會將ext-4/ext-debug.js和app.js加載到相對於找到index.html的地方。當app.js被加載並執行時，它會加載appFolder中的所有類，這也與index.html相關。在控制檯中查找404以瞭解這裏出現問題的線索。 –

應用程序定義之前包括此：

Ext.Loader.setConfig({ enabled: true });

來源

2013-08-19 22:44:13 dbrin

無法獲得ExtJS寫入控制檯

回答

相關問題