在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' 
    } 
]