DisplayFields 表单对齐

Posted 2023-02-26

技术标签:

【中文标题】DisplayFields 表单对齐【英文标题】：DisplayFields Form Align 【发布时间】：2014-04-22 21:29:04 【问题描述】：

我需要帮助，我有一个包含多个文本字段和显示字段的表单，但有些与文本字段和显示字段不对齐

我能做到！ ?

编辑/更新：

如果你是对的，我必须更具体

这是我的代码：

var GridAllUsr = new Ext.form.FormPanel(
        border: true,
        url : 'UpdateUsers',
        id: 'FormUpdt',
        bodyPadding: '15 0 0 5',
        fieldDefaults: 
            labelAlign: 'left',
            labelWidth: '50%'
        ,items: [
                xtype:'displayfield',
                fieldLabel: 'Username ',
                labelStyle: 'white-space: nowrap;font-size:14px',
                name: 'usuario',
                id: 'name_usr',
                margin: '10 0 0 10',
                    ,
                xtype:'textfield',
                fieldLabel: 'Name ',
                emptyText:'Set Name',
                labelStyle: 'white-space: nowrap;font-size:14px',
                name: 'nombre',
                id: 'nom_usr',
                maxLength: 50,
                enforceMaxLength : true,
                margin: '10 0 0 10',
                allowBlank : false
                ,
                xtype:'textfield',
                fieldLabel: 'LastName ',
                emptyText:'Set LastName',
                labelStyle: 'white-space: nowrap;font-size:14px',
                name: 'last_name',
                id: 'ape_usr',
                maxLength: 50,
                enforceMaxLength : true,
                margin: '10 0 0 10',
                allowBlank : false
                ]
    );

这是代码，这些是它的图片，我想要这个

http://i.stack.imgur.com/piD7m.png

所以我需要这个

http://i.stack.imgur.com/LtQdV.png

谢谢

【问题讨论】：

请通过 jsfiddle 分享您的代码用代码和链接更新帖子，谢谢 【参考方案1】：

我已经通过向组件添加更多宽度来解决它

ej:

宽度：445

应该改变宽度以适应其他组件。

【讨论】：