布局表单字段水平

Question

我使用的Ext JS 2.3.0和有一堆包含在一个FieldSet

领域我想有他们摆放好了并排侧，而不是理想情况下，标签位于字段顶部而不是左侧。相关的代码是：

var kpiFilterCombo = new Ext.form.ComboBox({ 
     name: 'kpi', 
     store: this.dashboardInst.servicesModel.getAvailableKPIsStore() 
    }); 

    var kpiLower = new Ext.form.TextField({ 
     fieldLabel: "Lower", 
     name: 'lowerBound' 
    }); 

    var kpiUpper = new Ext.form.TextField({ 
     fieldLabel: "Higher", 
     name: 'upperBound' 
    }); 

    var kpiFilterFieldset = new Ext.form.FieldSet({ 
     title: locale['label.kpi.condition'], 
     checkboxToggle: true, 
     collapsed: true, 
     autoHeight:true, 
     items : [ 
      kpiLower, 
      kpiFilterCombo, 
      kpiUpper, 
     ] 
    }); 

Answer 1

，因为没有在ExtJs2 CompositeField你可以尝试使用对齐CSS的float属性字段。

要在顶部使用labelAlign选项对齐标签。

http://docs.sencha.com/ext-js/3-4/#!/api/Ext.form.FormPanel-cfg-labelAlign

Answer 2

在ExtJS的2.3 labelAlign被包含在用于呈现形式我们设置labelAlign的Ext.layout.FormLayout你需要添加字段集的布局形式。

var kpiFilterFieldset = new Ext.form.FieldSet({ 
     title: locale['label.kpi.condition'], 
     layout: 'form', 
     labelAlign: 'top', 
     checkboxToggle: true, 
     collapsed: true, 
     autoHeight:true, 
     items : [ 
      kpiLower, 
      kpiFilterCombo, 
      kpiUpper, 
     ] 
    }); 

在表单布局的文档中，它表示任何由布局表单呈现的容器都接受标签配置。接受的标签配置在文档中指定，并包含labelAlign。