佈局表單字段水平

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。