Extjs LabelAlign = верх не работает в панели

Question

Я хочу показать ярлык поверх текстового поля, но он не отображается. Ниже приведен код (на самом деле приведенный ниже код отображает метку в правой части текстового поля). Я использую extjs 3.4, note: Использование панели формы также не работает, как и ожидалось (наклеил код ниже)

Любая помощь очень ценится.

Ext.onReady(function() { 
    var contentsPanel = new Ext.Panel({ 
     labelAlign: 'top', 
     renderTo: Ext.getBody(), 
     layout: 'form', 
     defaultType: 'textfield', 

     items: [{ 
      fieldLabel: 'First Name', 
      name: 'first' 
     }] 
    }); 
    contentsPanel.show(); 
}); 

Ext.onReady(function() { 
    var contentsPanel = new Ext.form.FormPanel({ 
     renderTo: Ext.getBody(), 
     defaultType: 'textfield', 
     labelAlign: 'top', 
     items: [{ 
      fieldLabel: 'First Name', 
      name: 'first', 
      labelAlign: 'top' 
     }] 
    }); 
    contentsPanel.show(); 
}); 

Answer 1

labelAlign является собственностью поля, а не свойства панели. Необходимо настроить поле:

items:[{ 
    fieldLabel: 'FirstName', 
    labelAlign: 'top', 
    name: 'first' 
}] 

Если вы хотите установить labelAlign для всех полей панели, вы можете добавить в панель конфигурации:

var contentsPanel = new Ext.Panel({ 
    fieldDefaults: { 
     labelAlign: 'top' 
    }, 
    ...