2016-12-16 8 views
1

私は、テキストフィールド項目を含むformpanelを持っています。 Here is a fiddle demonstrating my current screenカラムレイアウト - テキストフィールドの設定方法

テキストフィールドの幅を列の幅全体よりも小さくするにはどうしますか?基本的には、列をそれぞれのサイズ(50%ずつ2列)にしておきたいのですが、テキストフィールドがその列の全領域を占めることは望ましくありません。

これは私が今行っているような列レイアウトを使用して達成できますか?

+0

正確に何を達成したいのかわからないのですが、あなたの例では、textfieldはresizeの列幅に合っていません。あなたがtextfieldの固定幅を必要とするならば、あなたは 'width'プロパティを使うことができます。 –

+0

申し訳ありません - あなたがそれを見たとき、私はフィドルの中をぶち壊していたかもしれません。あなたが今確認すれば、私が何を話しているか見ることができます。私は、あなたがテキストフィールドの幅の設定を設定することを提案しようとしましたが、何も変更されません。 私には、列レイアウトのアイテムとしてテキストフィールドコンポーネントを配置すると、テキストフィールドの幅構成が無関係になるようです。テキストフィールドコンポーネントは、fieldLabelの後に残っている残りのcolumnWidthを自動的に埋めます。誰でもこれを確認できますか? 私はバージョン4.2で作業しています - haventは、これ以降のバージョンでどのように動作するかテストしました。 – tommyO

答えて

1

私はちょうどExt.layout.container.Columnを間違った方法で使うと思います。

例では、各テキストフィールドは列自体として機能し、合計のcolumnWidthは1.5です。

columnWidthは、一緒に追加する場合は常に1(または100%)を加算する必要があります。そうしないと、レイアウトが期待通りにレンダリングされないことがあります。

コンテナコンポーネントを列として使用し、このコンテナにテキストフィールドを追加する必要があります。

これをチェックするsimple example

関連する問題