2015-06-24 2 views
0

Я новичок в sencha touch, и это мое первое приложение. Мое приложение - это логин & SignUp page.when я нажимаю кнопку SignUp, он не может быть загружен. Я создаю два поля текстового поля и две кнопки на одной странице. текстовое поле для имени пользователя и пароля и кнопка для входа в систему. мой взгляд кодКак перенаправить одну страницу на другую в сенчане?

Ext.define('MyApp.view.Login', { 
extend: 'Ext.form.Panel', 
alias: "widget.loginview", 
requires: ['Ext.form.FieldSet', 'Ext.form.Password', 'Ext.Label', 'Ext.Img', 'Ext.util.DelayedTask'], 
config: { 
    title: 'Login', 
    items: [ 

     { 
      xtype: 'label', 
      html: 'Login failed. Please enter the correct credentials.', 
      itemId: 'signInFailedLabel', 
      hidden: true, 
      hideAnimation: 'fadeOut', 
      showAnimation: 'fadeIn', 
      style: 'color:#990000;margin:5px 0px;' 
     }, 
     { 
      xtype: 'fieldset', 
      title: 'Login Example', 
      items: [ 
       { 
        xtype: 'textfield', 
        placeHolder: 'Username', 
        itemId: 'userNameTextField', 
        name: 'userNameTextField', 
        required: true 
       }, 
       { 
        xtype: 'passwordfield', 
        placeHolder: 'Password', 
        itemId: 'passwordTextField', 
        name: 'passwordTextField', 
        required: true 
       } 
      ] 
     }, 
     { 
      xtype: 'button', 
      itemId: 'logInButton', 
      ui: 'action', 
      padding: '10px', 
      text: 'Log In' 
     }, 
     { 
      xtype: 'button', 
      itemId: 'singupButton', 
      ui: 'action', 
      padding: '10px', 
      text: 'Sign Up' 
     } 

    ], 

    listeners: [{ 
     delegate: '#logInButton', 
     event: 'tap', 
     fn: 'onLogInButtonTap' 
    }, 
    { 
     delegate: '#signUpButton', 
     event: 'tap', 
     fn: 'onSignUpButtonTap' 
    } 

    ] 


}, 

onSignUpButtonTap: function() { 




}, 


onLogInButtonTap: function() { 

    var me = this, 
     usernameField = me.down('#userNameTextField'), 
     passwordField = me.down('#passwordTextField'), 
     label = me.down('#signInFailedLabel'), 
     username = usernameField.getValue(), 
     password = passwordField.getValue(); 

    label.hide(); 

    // Using a delayed task in order to give the hide animation above 
    // time to finish before executing the next steps. 
    var task = Ext.create('Ext.util.DelayedTask', function() { 

     label.setHtml(''); 

     me.fireEvent('signInCommand', me, username, password); 

     usernameField.setValue(''); 
     passwordField.setValue(''); 
    }); 

    task.delay(500); 

}, 
showSignInFailedMessage: function (message) { 
    var label = this.down('#signInFailedLabel'); 
    label.setHtml(message); 
    label.show(); 
} 
}); 

Я знаю, что неправильно code.Please мне помочь ...

ответ

1

написать этот код на событие щелчка, чтобы перейти от входа, чтобы зарегистрироваться.

objView.destroy(); 
    Ext.Viewport.animateActiveItem({ 
    xtype: viewName 
    }, {type: "slide", direction: "left"}); 

где objView является указатель на представление входа (это) и VIEWNAME является строкой, имеющей xtype вашего зрения регистрации.

Смежные вопросы