ExtJs 5中文本字段的可编辑区域

Question

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

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

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

Answer 1

要将标签放在Ext.form.field.Text组件中，您可以使用labelAlign属性，并且可以使用labelWidth属性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