gpt4 book ai didi

javascript - 剑道网格 : how add colorpicker

转载 作者:行者123 更新时间:2023-11-29 18:15:09 26 4
gpt4 key购买 nike

我有一个带有内联编辑功能的剑道网格。现在,在一个专栏中,我想添加一个剑道颜色选择器。当该行未处于编辑模式时,如何添加它并显示所选颜色?

任何人都可以给我任何在剑道网格中使用颜色选择器的例子吗?

谢谢

最佳答案

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

模板的代码是一个生成 div 的函数,其背景颜色是来自 Grid 的 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/

关于javascript - 剑道网格 : how add colorpicker,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23875627/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com