Sencha控件覆盖问题

时间:2013-09-12 11:11:49

标签: sencha-touch-2

我是sencha touch的新手。我在那里创建一个覆盖控件问题的登录页面。     这是我的代码。

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

1 个答案:

答案 0 :(得分:0)

根据您的评论,我会说您在ST 2.2.1和Chrome 29中遇到了最近的问题。请在此处查看我的回答:Sencha Touch 2 App FieldSet not rendering

相关问题