在Extjs中动态更改TextField样式

时间:2012-06-14 21:26:53

标签: dynamic extjs passwords textfield background-color

我正在尝试在复选框点击事件上设置TextField的背景颜色和颜色(以屏蔽密码)。我最好的尝试:

var hidePass = new Ext.form.Checkbox({
            xtype: 'checkbox',
            boxLabel: 'Hide Password',
            name: 'hidePass',
            handler: function (checkbox, checked) {
                if (checked) {
                    pass1.fieldStyle = 'background-color: #ddd; background-image: none;';
                }
            }
        });

此代码不起作用。没有错误被抛出。我不知道从哪里开始。我到处搜索,找不到这样的东西。我找不到任何属性或方法来改变有效的风格。

2 个答案:

答案 0 :(得分:1)

如果您使用的是ExtJs 4,请不要直接指定这样的样式。使用setStyle方法:http://docs.sencha.com/ext-js/4-0/#!/api/Ext.form.field.Text-method-setFieldStyle

答案 1 :(得分:0)

1.首先确保您的物品有身份
2.现在尝试Ext.get('yourID').setStyle('margin-top','30px');
- 这应该有用