Extjs LabelAlign =頂部不在面板中工作

我想在文本字段頂部顯示標籤，但不顯示。下面是代碼（實際上下面的代碼顯示了文本字段右側的標籤）。我使用的是extjs 3.4，注意：使用窗體面板也不能按預期工作（粘貼下面的代碼）Extjs LabelAlign =頂部不在面板中工作

任何幫助非常感謝。

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(); 
});

來源

2013-04-18 Kalai

你想顯示上述文本字段標籤？ – Shekhar

是的，那正是我想要的。 – Kalai

好的。請相應地更改問題。 – Shekhar

labelAlign是字段的屬性，而不是面板屬性。需要配置領域：

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

如果你想設置labelAlign所有面板領域，你可以在面板設定中新增：

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

來源

2013-04-18 11:11:28 Vlad

嗨弗拉德，感謝您的依賴。我嘗試過，但我仍然沒有在文本字段上顯示標籤。（我嘗試使用Formpanel而不是Panel，因爲Formpanel具有labelAlign屬性，但是它也不起作用。 – Kalai

@Kalai請參閱jsfiddle中的Ext 3.4示例：http://jsfiddle.net/dZktz/您還可以看到ExtJs的示例3 Sencha網站：http：//dev.sencha.com/deploy/ext-3.4.0/examples/form/dynamic.html – Vlad

@弗拉德，非常感謝，事情工作正常。其實問題出在我們的產品某處有一個自定義風格的.x-form-label-top導致了這個問題。再次感謝。 – Kalai

Extjs LabelAlign =頂部不在面板中工作

回答

相關問題