EXTJS 4のフォームレイアウトのカスタムラベル長を設定する

Question

レイアウトの観点から、textfield/checkboxの "fieldLabel："プロパティをxtypeよりも優先させたいと考えています。下のスクリーンショットで見ることができるように、テキストが潰れて表示されます。

Here's what it looks like at the moment. http://i68.tinypic.com/hv3ol5.png

は、ここに私の見解からのコードの抜粋です：ボックスがチェックされている一度

bodyPadding: 30, 
    xtype: 'fieldset', 
    title: 'Account', 
    margin: '10 10 10 10', 

items: [{ 
     xtype: 'form', 
     layout: 'form', 

items: [{ 
      xtype: 'checkboxfield', 
      fieldLabel: 'Has registered for gift aid:', 
      name: 'giftAidFlag', 
      margin: '0 0 8 0', 
      listeners: { 
      change: function(cb, checked) { 
       Ext.getCmp('manageGiftAidPayers').setDisabled(!checked) 
      } 
      } 
     }, { 
      xtype: 'button', 
      anchor: '100%', 
      text: 'Manage gift aid payers...', 
      style: "width : 495px;", 
      margin: '10 0 8 0', 
      disabled: true, 
      id: 'manageGiftAidPayers' 
     }] 
     }] 

だから、基本的に、ボタンが有効になります。

これは、テキストによって優先度が少し高くなり、チェックボックスが表示される前にそれが全幅に広がっている必要があります。列のレイアウトには興味がありません。これは可能でしょうか？前もって感謝します。

Answer 1

チェックボックスのフィールドにlabelWidthの設定を探しています。

xtype: 'fieldset', 
title: 'My Fields', 
items: [ 
    { 
     xtype: 'checkboxfield', 
     fieldLabel: 'Has registered for gift aid:', 
     labelWidth: 250, 
     boxLabel: 'Box Label' 
    }, 
    { 
     xtype: 'button', 
     width: 495, 
     text: 'MyButton' 
    } 
]