extjs - ExtJs5 中文本字段的可编辑区域

Question

文本字段在 ExtJs 5 中不起作用。这是我的定义:

       {
            fieldLabel: 'First Name',
            name: 'firstName',
            width : 200,
            allowBlank: false
        }

标签位于可编辑区域的顶部，并且可编辑区域比总宽度小得多。它在 Ext 4 中运行良好。

Answer 1

将标签放置在 Ext.form.field.Text 内您可以使用labelAlign组件属性，您可以使用 labelWidth 设置组件内标签的宽度属性(property)也来自 Ext.form.Labelable混合。

Ext.create('Ext.form.field.Text', {
    fieldLabel: 'First Name',
    padding: 10,
    name: 'firstName',
    allowBlank: false,

    width : 400, //width of component
    labelAlign: 'right', //position of label
    labelWidth: 200, // width of label

    renderTo: Ext.getBody()
});

这里是fiddle