JSFiddle:http://jsfiddle.net/bhoff/ZCyPx/63/
function timeEditor(container, options) {
$('<input data-text-field="' + options.field + '" data-value-field="' + options.field + '" data-bind="value:' + options.field + '" data-format="' + options.format + '"/>')
.appendTo(container)
.kendoTimePicker({
interval: 15
});
}
function dateTimeEditor(container, options) {
console.log("options", options);
$('<input data-text-field="' + options.field + '" data-value-field="' + options.field + '" data-bind="value:' + options.field + '" data-format="' + options.format + '"/>')
.appendTo(container)
.kendoDateTimePicker({});
}
$("#grid").kendoGrid({
dataSource: {
data: entries,
schema: {
parse: function (response) {
$.each(response, function (idx, elem) {
if (elem.time && typeof elem.time === "string") {
elem.time = kendo.parseDate(elem.time, "HH:mm:ss");
}
if (elem.datetime && typeof elem.datetime === "string") {
elem.datetime = kendo.parseDate(elem.datetime, "HH:mm:ss");
}
});
return response;
},
model : {
fields : {
type : { editable: false }
}
}
}
},
每当我选择取消按钮(选择编辑后)时,它总是删除整行(在Chrome和Firefox上),网格中是否有一部分我没有正确编码或者这可能是版本问题?
非常感谢任何帮助,谢谢!
答案 0 :(得分:1)
这是因为您没有声明id
字段。假设在grid
id
type
字段中model
,您应该在 model : {
id: "type",
fields : {
type : { editable: false }
}
}
中定义类似:
{{1}}
这里JSFiddle修改了http://jsfiddle.net/OnaBai/ZCyPx/64/