2011-12-12 3 views
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番目のテキストフィールドを追加すると、そのバグがそのテキストフィールドに移動します。

どうやらそれは常に最後のテキストフィールドに影響を与えます。

+0

すべてのブラウザ(IE、Firefox、Chrome)でこのように見えますか? –

+0

FirefoxとIE8でテストしました。同じ振る舞い。 – Demnogonis

+1

パスワードフィールドをオーバーライドする追加のcssクラスがいくつか追加されているようです。あなたはどのクラスが適用されているかを確認するために火薬虫でそれを調べることができますか? – netemp

答えて

1

この問題は、ウィンドウの作成方法によって発生します。この煎茶フォーラムの記事を参照してください。

Textfield Border Problem

つまり、あなたがExt.create( 'DTL.view.windows.LoginWindow')を使用する必要があります。 xtypeではなく 'login'