Ext JS 6 colorfield UX - показывать цвет вместо значения - PullRequest
Новая
       54

Ext JS 6 colorfield UX - показывать цвет вместо значения

0 голосов
/ 17 мая 2018

Попытка использовать цветовое поле UX, и по умолчанию это то, что после выбора цвета он показывает шестнадцатеричное значение этого цвета в средстве выбора. Мои пользователи не знают, что это значит ... как вместо этого установить цвет фона палитры на выбранный цвет (без шестнадцатеричного значения текста)? Спасибо!

скрипка

1 Ответ

0 голосов
/ 17 мая 2018

Вы не можете легко удалить значение из поля ввода, потому что это может вызвать проблемы со сборщиком и отправкой формы.Однако вы можете отрегулировать как цвет текста, так и цвет фона: 

listeners: {
    afterrender: function(cmp) {
        if(cmp.inputEl && cmp.inputEl.dom) {
            cmp.inputEl.dom.style.backgroundColor = "#" + cmp.getValue();
            cmp.inputEl.dom.style.color = "#" + cmp.getValue();
        }
    },
    change: function(cmp, nV) {
        if(cmp.inputEl && cmp.inputEl.dom) {
            cmp.inputEl.dom.style.backgroundColor = "#" + nV;
            cmp.inputEl.dom.style.color = "#" + nV;
        }
    }
}

Это означает, что шестнадцатеричное значение все еще отображается, если кто-то выделит текст в цветовом поле: image

...