0
をレンダリング私は、ExtJSの持つログインウィンドウを構築し、次のコードを使用しています:ExtJSの - 奇妙なテキストフィールドが行動
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を使用しています
は
はEDIT:
は、私は別の興味深い発見をしました。 3番目のテキストフィールドを追加すると、そのバグがそのテキストフィールドに移動します。どうやらそれは常に最後のテキストフィールドに影響を与えます。
すべてのブラウザ(IE、Firefox、Chrome)でこのように見えますか? –
FirefoxとIE8でテストしました。同じ振る舞い。 – Demnogonis
パスワードフィールドをオーバーライドする追加のcssクラスがいくつか追加されているようです。あなたはどのクラスが適用されているかを確認するために火薬虫でそれを調べることができますか? – netemp