我遇到密码字段问题,因为它没有正确显示我通过配置对象传递的空白文本,这是我的代码:
{xtype: 'textfield',
inputType: 'password',
emptyText: '//Password',
width: 200}
问题是EmptyText看起来也像一个密码,用户无法读取它。请提前感谢您的帮助。
阿贝尔
答案 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库中)