剑道网格:如何添加颜色选择器
Kendo Grid: how add colorpicker
我有一个剑道网格与内联编辑。现在,在一个列中,我想添加一个剑道选色器。我怎么能添加它,并显示所选的颜色时,行不在编辑模式?
谁能给我任何例子与颜色选择器内的剑道网格?
谢谢
正如@dfsq所说,您必须使用单元格模板来显示颜色。此外,您需要为ColorPicker
定义一个columns.editor
。
模板的代码是一个生成div
的函数,其背景颜色是来自网格的color
值:
template: function(dataItem) {
return "<div style='background-color: " + dataItem.Color + ";'> </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/
相关文章:
- 全日历根据外部事件添加颜色
- D3 - 如何向路径对象添加颜色
- 使用颜色矩阵添加颜色色调效果
- 如何根据 d3.js 中的特定值为沃罗诺伊图添加颜色
- 在HTML中显示未格式化的文本并添加颜色
- 通过其 id 为表中的特定单元格添加颜色
- js点击添加颜色
- 向可拖动对象添加颜色
- 加载三个JS对象,给对象添加颜色
- TinyMCE版本3.X -如何在工具栏中添加颜色高亮
- 添加颜色的标题,因为它向下滚动页面在Wordpress创世纪框架
- 为googlemap添加颜色框功能
- 如何在three.js中为ShaderMaterial添加颜色?
- 剑道网格:如何添加颜色选择器
- 从颜色数组中向文本添加颜色
- 如何动态地在单击事件上添加颜色
- 在FullCalendar的月份视图中为日期范围添加颜色
- NVD3 javascript:为散点图中的点添加颜色
- 为添加的文本动态添加颜色
- 在设计脚本中:如何给对话框添加颜色