2013-09-12 3 views
0

Я новичок в сенчах touch. Я делаю страницу входа в систему с некоторыми проблемами управления переопределением. Вот мой код.Sencha control override issue

Ext.define('RaceNote.view.Login', { 
    extend: 'Ext.form.Panel', 
    alias: "widget.loginview", 
    requires: ['Ext.form.FieldSet', 'Ext.form.Password', 'Ext.Label'], 

    config: { 
     title: 'Login', 
     scrollable: 'false', 
     layout: 'vbox', 

     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', 

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


    } 
}); 

И это выглядит ниже. enter image description here

+0

Как панель добавляется к Viewport? – kevhender

+0

@kevhender: launch: function() { Ext.Viewport.add ([ {xtype: 'loginview'} ]); –

+0

Какую версию ST вы используете? Я могу видеть это в этой скрипке: http://new.senchafiddle.com/#/LdICc/ – kevhender

ответ

0

На основе ваших комментариев, я бы сказал, что у Вас есть недавний выпуск найденного с ST 2.2.1 и Chrome 29. Смотрите мой ответ по поводу этого здесь: Sencha Touch 2 App FieldSet not rendering