color

редактор для выбора цвета из палитры

Example

//для столбца datatable
{ id:"start", editor:"color", header:"Color A", width:120 }

Related samples

В ячейке отображается шестнадцатеричный код выбранного цвета. Вы можете изменить то, что отображается в ячейке, с помощью настройки template колонки. Например, вы можете отображать цветной маркер рядом с кодом:

var tpl = `<span style='background-color:#value#;border-radius:4px;padding-right:10px;'>
    &nbsp</span> #value#`;
 
...
{ id:"color", header:"Color", editor:"color", template:tpl, width:120 }

Настройки палитры цветов

По умолчанию, отображается стандартная палитра. Чтобы изменить ее или применить другие настройки компонента Colorboard, переопределите свойство color в $popup:

webix.editors.$popup = {
   color:{
     view:"popup",
     body:{
        view:"colorboard",
        palette:[
            ["#FF2626", "#26FF26"],
            ["#2626FF", "#F3FC49"],
            ["#1BE07A", "#FC49D9"]
        ]
     }
   }
};

Наверх