Question

我想在文本字段顶部显示标签，但它没有显示。下面是代码。（实际上下面的代码显示了文本字段右侧的标签）。我正在使用extjs 3.4，注意：使用表单面板也没有按预期工作（已粘贴下面的代码）

非常感谢任何帮助。

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'
    },
    ...

Extjs LabelAlign = top在面板中不起作用

1 个答案: