EXT 3.0中的密码字段问题

时间:2010-02-18 00:46:38

标签: javascript extjs

我遇到密码字段问题,因为它没有正确显示我通过配置对象传递的空白文本,这是我的代码:

                            {xtype: 'textfield',    
    inputType: 'password',
    emptyText: '//Password',
    width: 200}

问题是EmptyText看起来也像一个密码,用户无法读取它。请提前感谢您的帮助。

阿贝尔

2 个答案:

答案 0 :(得分:0)

使用默认的Ext.form.TextField组件,您无法轻松完成所需的操作。

通常,Ext会使用<input type="text" />,但是当inputType设置为'password'时,它会使用<input type="password" />字段。

当你提供一个emptyText字段时,它所做的只是使用emptyText预填充该字段(即:value="emptyText")并添加一个CSS className以使文本变钝。

如果该字段为空,或者该字段中的值与emptyText相同,则该字段将被视为空白。

无论如何,为了做你要求的事情,你必须扩展TextField,以及模仿行为的一些技巧。

实际上,当文本值为emptyText时,隐藏密码字段,并显示正常的文本字段。

答案 1 :(得分:0)

另一种适用于现代浏览器的解决方案是在输入字段中使用新的HTML5 placeholder attribute。您必须扩展Ext.form.TextField以将其添加为配置选项,或者在渲染后操作DOM以添加它。 (就个人而言,我认为添加placeholder作为配置选项应该添加到Ext JS库中)