如何在Ext.form.TextField中显示/隐藏密码

Question

你能告诉我解决方法,当点击另一个按钮时,密码字段的输入文本显示/隐藏吗？!我试图更改该文本字段的inputType属性,但它在那时被渲染,所以它没有影响.另一种方法是创建2个文本域和visbile/invisible它们,但我不喜欢这样做,因为它看起来像作弊...提前感谢.

Answer 1

那么这篇文章有点老了,但我还以为我会回答它.也许它会帮助别人.

你是正确的,在渲染项目后,它的类型已在DOM中设置为'password'.因此我们需要直接操纵DOM.假设我的窗口有1个项目,一个FormPanel,我在这个FormPanel中有一个项目,一个文本字段.我最初在我的配置选项中设置了inpupType:'password'.现在我想改变它.这是我要做的:

this.get(0).getForm().get(1).getEl().dom.type ='text'

(我假设这是在一个具有我的窗口范围的事件处理程序中)

这将改变DOM并立即将我的密码显示为文本.要改回来:

this.getForm().get(1).getEl().dom.type ='password'

在现实世界的情况下,我不会使用get(index),但要么为文本字段设置名称并使用find,要么我会创建指向文本字段的var.

希望这有助于某人.

瑞奇