0

私は ExtJS を使い始めようとしていますが、ドキュメントはあまり役に立ちません。

私は文字通り、彼らの例の 1 つを正確にコピーして貼り付けましたが、コントローラーの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'
                }
            ]
        });
    }
});

ユーザー.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

Ext.application 呼び出しのプロパティは、 からの相対ディレクトリをappFolder指しています。ここには魔法はありません。index.html

于 2013-08-19T22:45:26.117 に答える