Кендо Грид: как добавить палитру цветов

Question

У меня есть сетка кендо с редактированием inline. Теперь в столбце я хочу добавить палитру цветов кендо. Как я могу добавить его и показать выбранный цвет, когда строка не находится в режиме редактирования?

Кто-нибудь может дать мне любой пример с палитрой цветов в сетке кендо?

Спасибо

Answer 1

Как сказал @dfsq, вы должны использовать шаблон ячейки для отображения цвета. Кроме того, вам нужно определить columns.editor для ColorPicker,

Код для шаблона является функцией, которая генерирует div какой цвет фона color значение из сетки:

template:  function(dataItem) {
    return "<div style='background-color: " + dataItem.Color + ";'>&nbsp;</div>";
},

Для editor Вы должны определить функцию как:

editor : function (container, options) {
    // create an input element
    var input = $("<input/>");
    // set its name to the field to which the column is bound ('name' in this case)
    input.attr("name", options.field);
    // append it to the container
    input.appendTo(container);
    // initialize a Kendo UI ColorPicker
    input.kendoColorPicker({
        value: options.model.Color,
        buttons: false
    });
}

Вы можете увидеть пример здесь: http://jsfiddle.net/OnaBai/6XJV6/