ExtJs - Странное поведение рендера текстового поля

Question

Я создаю окно входа в систему с помощью ExtJ, используя следующий код:

Ext.define('DTL.view.windows.LoginWindow', {
    extend : 'Ext.window.Window',
    alias : 'widget.login',
    id : 'loginWindow',

    autoShow : true,
    width : 400,
    height : 180,
    layout : 'border',
    border : false,
    modal : true,
    closable : false,
    resizable : false,
    draggable : false,

    initComponent : function () {
        this.items = [{
                region : 'north',
                height : 52,
                bodyCls : 'app_header'
            }, {
                id : 'login_form',
                region : 'center',
                xtype : 'form',
                bodyStyle : 'padding:10px; background: transparent;border-top: 0px none;',
                labelWidth : 75,
                defaultType : 'textfield',
                items : [{
                        fieldLabel : 'Username',
                        name : 'username',
                        id : 'usr',
                        allowBlank : false
                    }, {
                        fieldLabel : 'Password',
                        name : 'password',
                        inputType : 'password',
                        id : 'pwd',
                        allowBlank : false
                    }
                ]
            }
        ];

        this.buttons = [{
                id : 'login_button',
                text : 'Login',
                disabled : true
            }
        ];

        this.callParent(arguments);
    }
});

Теперь все выглядит хорошо, за исключением того, что поле пароля не имеет границ.

Я пробовал различные модификации кода, но ничего не помогло.

У кого-нибудь есть идея, чтобы это исправить?

Я использую ExtJs 4.0.7

РЕДАКТИРОВАТЬ:

Я сделал еще одно интересное открытие. Если я добавлю третье текстовое поле, ошибка переместится в это.

По-видимому, он всегда влияет на последнее текстовое поле.

Answer 1

Проблема вызвана тем, как вы создаете окно. Посмотреть это сообщение на форуме Sencha:

Проблема границы текстового поля

т.е. вам нужно использовать Ext.create ('DTL.view.windows.LoginWindow'); вместо xtype: 'login'