3

extjs で大きく複雑なフォームを実装する必要があります。このフォームには、各行に 5 ～ 6 個のフィールドがある約 20 行が含まれます。これらの行には、テキストフィールド、コンボ、および単なる表示フィールドがあります。

親パネルの「フォーム」レイアウトで実装しました。また、各行に「hbox」レイアウト パネルがあります。フィールド ラベルを表示するには、各フィールドをフォーム レイアウトのパネルに再度ラップする必要があります。恐ろしくも聞こえますが、この混乱を想像できますか? 私はそれを間違っているように感じます。

正しい方法でそれを行う方法についてアドバイスが必要です！

更新:取得しようとしているレイアウトの例を確認してください。

ここに画像の説明を入力

4

2 に答える 2

3

私はlayout: 'column'かなり使用します。次に、各フィールドにそれぞれの必要量を指示できますcolumnWidth 。幅の合計が1を超えると、フィールドは次の行に折り返されます。

スクリーンショットの場合、それらはすべて3分の1の列幅であるため、次のように実行できます。

  Ext.create('Ext.panel.Panel', {
    layout: 'column',
    defaults: {columnWidth: 0.3},
    items: [{
      xtype: 'textfield'
    },{
       ...
    }]
  });
于 2012-06-08T18:44:31.147 に答える
2

各行を折り返す代わりに、組み込みのウ​​ィジェット（extjs4）またはウィジェット（extjs3）panelを使用できます。FieldContainerExt.form.CompositeField

于 2011-08-25T07:25:34.190 に答える