KendoUI - 取消按钮删除行

时间:2014-10-21 14:23:04

标签: jquery kendo-ui kendo-grid

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上),网格中是否有一部分我没有正确编码或者这可能是版本问题?

非常感谢任何帮助,谢谢!

1 个答案:

答案 0 :(得分:1)

这是因为您没有声明id字段。假设在grid id type字段中model,您应该在 model : { id: "type", fields : { type : { editable: false }  } } 中定义类似:

{{1}}

这里JSFiddle修改了http://jsfiddle.net/OnaBai/ZCyPx/64/