首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >剑道网格:如何添加颜色选择器

剑道网格:如何添加颜色选择器
EN

Stack Overflow用户
提问于 2014-05-26 18:06:26
回答 1查看 3.4K关注 0票数 2

我有一个带内联编辑的剑道网格。现在,在一列中,我想添加一个剑道色选择器。当行不在编辑模式时,我如何添加它并显示选定的颜色?

有人能给我举个例子吗?在剑道格子里有颜色选择器吗?

谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-05-26 21:02:11

正如@dfsq所说,你必须使用一个单元格模板来显示颜色。此外,您还需要为columns.editor定义一个ColorPicker

模板的代码是一个函数,它生成一个div,其背景颜色是来自网格的color值:

代码语言:javascript
运行
复制
template:  function(dataItem) {
    return "<div style='background-color: " + dataItem.Color + ";'>&nbsp;</div>";
},

对于editor,应该将一个函数定义为:

代码语言:javascript
运行
复制
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/

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23875627

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档