1

Sencha を始めたばかりの初心者です。「sencha generate app」コマンドを使用して作成したスケルトン アプリに基づく単純なアプリがあります。

ログイン用のコントローラーを追加するまで、すべて正常に機能していました。アプリをデプロイして実行すると、次のエラーが表示されます。

Uncaught TypeError: Object #<Object> has no method 'getRouter' Controller.js:476
Ext.define.applyRoutes Controller.js:476
setter sencha-touch.js:5441
Base.implement.initConfig sencha-touch.js:4882
Ext.define.constructor Controller.js:386
Class sencha-touch.js:5170
(anonymous function)
Ext.ClassManager.instantiate sencha-touch.js:6749
Ext.ClassManager.instantiateByAlias sencha-touch.js:6661
Ext.apply.factory sencha-touch.js:9779
Ext.define.factoryItem Container.js:609
Ext.define.add Container.js:682
Base.implement.callOverridden sencha-touch.js:4734
etc......

このエラーをトレースすると、アプリには Router オブジェクトが必要なようですが、まだ取得されていません。ルーターを構成する方法がどこにも見つかりませんでした（デフォルトでルーターがあるはずです）。

applyRoutes: function(routes) {
    var app    = this instanceof Ext.app.Application ? this : this.getApplication(),
        router = app.getRouter(), // THIS IS WHERE IT FAILS

App.js でコントローラを指定しました

views : ['Main', 'Home', 'Contact', 'Login', 'CreateAccount'],
controllers : ['LoginController'],

これはコントローラーです：

Ext.define("MyApp.controller.LoginController", {
extend : "Ext.app.Controller",

xtype : 'logincontroller',

config : {
    refs : {
        loginForm : "#loginFormPanel"
    },
    control : {
        'button[action=login]' : {
            tap : "authenticateUser"
        }
    },
    views : ['Login']
},

authenticateUser : function(button) {

    this.getLoginForm().submit({
        url : 'php/process_login.php',
        method : 'POST',
        success : function(form, result) { debugger;
            var jsonoutput = Ext.decode(result);
            // json parsing
            Ext.MessageBox.alert('Error', "Success");

        },
        failure : function(form, result) {//This block of code is not executing even after JSON response
            Ext.MessageBox.alert('Error', "Invalid username/password");
        }
    });
}

});

ログインフォーム

Ext.define('MyApp.view.Login', {
extend : 'Ext.form.Panel',
id : 'loginFormPanel',
xtype : 'loginform',

requires : ['Ext.form.FieldSet', 'Ext.field.Password'],

config : {
    title : 'Login',
    iconCls : 'login',
    items : [{
        xtype : 'fieldset',
        title : 'Logingegevens',
        items : [{
            xtype : 'textfield',
            name : 'username',
            label : 'Gebruikersnaam'
        }, {
            xtype : 'passwordfield',
            name : 'password',
            label : 'Wachtwoord'
        }]
    }, {
        xtype : 'button',
        text : 'Login',
        id : 'loginButton',
        ui : 'action',
        action : 'login'
    }]
}

});

助けてくれてありがとう、コーエン

4

1 に答える 1

1

コントローラーの構成でルートを指定していません。ルーティングに関するSencha のドキュメントを参照してください。

...
config: {
    routes: {
        ...
    },

    refs: {
        ...
     }
},
...
于 2013-02-25T22:04:42.847 に答える