无法获得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写入控制台

回答

相关问题