在EXTJS 4

Question

設置形式佈局的自定義標籤的長度我期待得到「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

您正在查找複選框中的config 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' 
    } 
]