проблемы с паролем в EXT 3.0

Question

У меня проблемы с полем пароля, потому что оно не показывает должным образом пустой текст, который я передаю через объект конфигурации, вот мой код:

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

проблема в том, что EmptyText выглядитпароль тоже, и пользователи не могут его прочитать.Пожалуйста, помогите мне с этим, спасибо заранее.

Авель

Answer 1

Другое решение, которое будет работать в современных браузерах, - это использование нового HTML5-атрибута-заполнителя в поле ввода.Вам нужно будет либо расширить Ext.form.TextField, чтобы добавить это как параметр конфигурации, либо манипулировать DOM после рендера, чтобы добавить его.(лично я думаю, что добавление placeholder в качестве опции конфигурации должно быть добавлено в библиотеку Ext JS)

Answer 2

Вы не можете легко сделать то, что вы хотите, с компонентом Ext.form.TextField по умолчанию.

Обычно Ext использует <input type="text" />, но когда для inputType установлено значение 'password', он использует <input type="password" /> field вместо.

Когда вы предоставляете поле emptyText, все, что он делает, это предварительно заполняет поле emptyText (то есть: value="emptyText") и добавляет CSS className, чтобы сделать текст скучным.

Когда поле пустое или значение в поле такое же, как emptyText, поле считается пустым.

В любом случае, чтобы выполнить то, о чем вы просили, вам придется расширитьTextField и некоторые хитрости для имитации поведения.

Эффективно, когда текстовое значение равно emptyText, скрыть поле пароля и показать обычное текстовое поле.