のTextAreaの高さプロパティが（ExtJSのを）動作しません

ここで、私はVBOXのレイアウトと1つのTextAreaの項目にパネルを作成しました：のTextAreaの高さプロパティが（ExtJSのを）動作しません

 Ext.create('Ext.form.Panel', { 
      width  : 400, 
      height  : 300, 
      layout  : 
      { 
       type: 'vbox', 
       align: 'stretch' 
      }, 
      renderTo  : Ext.getBody(), 
      items  : 
      [{ 
       xtype  : 'textareafield', 
       height  : 55   
      }] 
     });

をした後textareafields heightプロパティが55に等しいですが、レンダリングされたコンポーネントの高さISN」レンダリングここでは55

に等しいtはフィドルです：https://fiddle.sencha.com/#view/editor&fiddle/1ulh

出典

2017-04-26 Makha

どのextjsバージョンを使用していますか、どのテーマですか？フィドルで同じ設定が必要 – Tejas

@ Tejas1991 ExtJs 5.1.2.748。テーマクリスプ。 – Makha

正確にどの高さを設定したいのですか？>コンポーネント全体の高さ（フィールドラベルを含む）または入力の高さだけですか？私はそれに応じて必要な修正を行います – Tejas

@Maxa：あなたが唯一のエルパーツの要素を検査60px.Ifとして煎茶は、MIN-高さテキストフィールドのデフォルト値を指定している、あなたは以下のようになります：

.x-form-text-default.x-form-textarea { 
line-height: 15px; 
min-height: 60px; 
}

可能な解決策は、自分のアプリのCSSファイルでこのクラス/プロパティをオーバーライドする必要があるということです。それが反映されます。この解決策を確認して返信してください。

出典

2017-04-26 12:11:46 Tejas

はい、そうです。高さは86ピクセル以上でなければなりません。それがより小さく、下部に2番目のフィールドがある場合、オーバーフローの問題が発生します。https://fiddle.sencha.com/#view/editor&fiddle/1ulh – Makha

@Махаはそれを見ました。それは、賢者がドキュメントやフォーラムでこれについて話していないことは変です... –

@ルドビッチはい、そうです。この制約は、minHeightプロパティではなくcssで設定します。だから、混乱はほとんどありません。 – Makha

-1

デフォルトでvboxがフレキシブルであるように見えます。お手上げのfiddleです

出典

2017-04-26 12:29:38

屈曲していません。問題はcss min-height制約にありました。ベストアンサーを読む – Makha

本当に、私は間違ったことを調べました。 $ form-text-field-heightのような大事な変数を設定しようとしたり、答えが好きです。 –

のTextAreaの高さプロパティが（ExtJSのを）動作しません

答えて

関連する問題