Question

我对Sencha很新，从今天开始。我有一个基于我使用'sencha generate app'命令创建的骨架应用程序的简单应用程序。

一切正常，直到我添加了一个用于登录的Controller。在部署和运行应用程序时，我收到以下错误：

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

当我追踪这个错误时，似乎App需要一个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'
    }]
}

}）;

感谢您的帮助，科恩

Answer 1

您没有在Controller的配置中指定任何路由。在路由上查看Sencha的docs。

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

    refs: {
        ...
     }
},
...

Sencha骨架应用没有路由器

1 个答案: