sencha-touch-2 - Sencha 控制覆盖问题

Question

我是煎茶的新手。我在那里创建了一个登录页面，有一些覆盖控制问题。这是我的代码。

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'
            }]
        }]


    }
});

它看起来在下面。

Answer 1

根据您的评论，我想说您最近发现了 ST 2.2.1 和 Chrome 29 的问题。请在此处查看我对此的回答：Sencha Touch 2 App FieldSet not rendering