dynamic - 在 Extjs 中动态更改 TextField 样式

Question

我正在尝试在复选框单击事件上设置 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;';
                }
            }
        });

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

Answer 1

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

Answer 2

1.首先确保你的项目有一个 id
2.现在试试——这Ext.get('yourID').setStyle('margin-top','30px');
应该可以