Как сделать текст по умолчанию в поле выбора серым, как заполнитель для текстовых полей?

Question

У меня есть следующее поле выбора в форме:

        {
            xtype: 'selectfield',
            name: 'minprice',
            label: 'Min Price',
            valueField: 'No min',
            placeHolder: 'No min',
            useClearIcon: true,
            options: [{
                text: 'No Min', value: 'Test'
            }, {
                text: 'Test2', value: 'Test2'
            }, {
                text: 'Test3', value: 'Test3'
            }]                  
        }

Мне бы хотелось, чтобы первый вариант «Нет мин» выглядел как заполнитель (поэтому он светло-серый). Причина этого заключается в том, что остальная часть формы имеет заполнители светло-серого цвета, а наличие поля выбора с черным текстом не соответствует стилю формы. Я попытался указать заполнитель и значение valueField безуспешно.

Спасибо.

Answer 1

Вы можете сделать это с помощью -webkit-text-fill-color.

Самый простой способ нацеливания на определенное поле - это:

{
    xtype: 'datepickerfield',
    placeHolder : 'Date',
    cls: 'your-class'
}

.your-class .x-form-field {
    -webkit-text-fill-color: red;
}

Answer 2

Вы можете использовать свойство placeHolder, но не следует указывать свойство options.Например:

{ id:'theSelect',
  name: 'fieldId',
  xtype: 'selectfield',
  displayField: 'text',
  valueField: 'value',    
  placeHolder :'No min'
}

А затем получите это или загрузите его из магазина, чтобы загрузить параметры:

 Ext.getCmp('theSelect').setOptions(
[   {text: 'First Option',  value: 'first'},
    {text: 'Second Option', value: 'second'},
    {text: 'Third Option',  value: 'third'}
]);

Полный рабочий код см. Здесь http://jsfiddle.net/p5K4q/16/

Answer 3

Вы можете использовать placeholder и установить AutoComplete как false, так как по умолчанию оно установлено в true.

Это прекрасно работает для меня.