0

我只是想开始使用 ExtJS，但文档不是很有帮助。

我确实复制并粘贴了他们的一个示例，它不会调用控制器的init功能。我什至按照那里推荐的目录布局

项目组织： 

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

应用程序.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'
                }
            ]
        });
    }
});

用户.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');
    }
});

这正是他们的入门文档中的内容。页面加载和显示，但控制器不是，这没有输出到控制台。帮助？！？？尝试了 Chrome 和 Firefox

4

2 回答 2

1

我不确定你为什么要从 Ext JS 4.1.3 开始，当前版本是 4.2.1。此外，目录结构错误：两者都index.html应该app.js在顶级目录中：

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

appFolderExt.application 调用中的属性指向相对于index.html. 这里没有魔法。

于 2013-08-19T22:45:26.117 回答
0

在应用定义之前包括这个：

Ext.Loader.setConfig({ enabled: true });
于 2013-08-19T22:44:13.597 回答