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......

当我跟踪此错误时，似乎应用程序需要一个路由器对象，但它没有得到它。我在任何地方都找不到如何配置路由器（在我看来，默认情况下应该有一个）。

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 回答