ExtJS4简单的文本字段和标签位置

时间:2017-10-31 10:04:59

标签: extjs label textfield justify

我有简单的文本字段但高度更大,然后正常:

enter image description here

定义是:

{
    xtype:      'textfield',
    itemId:     'POL_OGIN',
    fieldLabel: 'Login:',
    allowBlank: false,
    height:     60,
    name:       login',
 },

我不知道如何定位标签文字“登录:”,只是垂直居中。你能建议怎么做吗?

1 个答案:

答案 0 :(得分:1)

参考下面的小提琴: https://fiddle.sencha.com/#fiddle/2941&view/editor

因为没有cls /任何其他配置可以随时更改fieldLabel,所以我添加了afterrender listener for field&改变了fieldLabel的顶部。还有其他的方法,作为向fieldLabel添加cls并在那里指定margin-top.Below是代码:

listeners: {
            afterrender: function (field) {
                var height=field.getHeight()/2-10;//10 for label height
                field.labelCell.dom.querySelector('label').style['margin-top'] = height.toString()+'px';

                //-----OR----
                //Added class below
                //field.labelEl.addCls('loginTextFieldCls');
                //In cls give margin-top
            }
        }

检查它是否有帮助。