kendo网格-选择时间时未调用更新方法

时间:2018-09-11 12:43:59

标签: jquery kendo-ui

使用jquery kendo网格时遇到一个奇怪的问题。这是我的架构:

            fields: {
                id: "id",
                shopID: {editable: false},
                workStartHour: { type: "date"},
                workEndHour: { type: "date" },
            }

这是我的网格中的列:

 {
                field: "shopID"
            },
            {

                field: "workStartHour",
                editor: timePicker,
                format: "{0:HH:mm}"
            },
            {
                editor: timePicker,
                field: "workEndHour",
                format: "{0:HH:mm}"
            },
            { command: ["edit"], title: " " }

更改startHour并单击“更新”后,不会调用我的更新方法。 但是当我设定 editable : true for shopID,然后在我的行中对其进行更改,请点击更新,然后触发我的更新方法。

这可能是什么原因造成的?

这是我的时间选择器:

var timePicker = function (container, options) {
    var input = $("<input/>");
    var value;
    var property;
    for (var key in options.model) {
        if (options.field.toString() == key.toString()) {
            value = options.model[key];
            property = key;
        }
    }
    input.attr(options.field, value);
    input.appendTo(container);

    input.kendoTimePicker({
        change: function () {
            value = this.value();
            options.model[property] = new Date(value);
        },
        value: value,
        format: "{0:HH:mm}",
        dateInput: true
    });
}

0 个答案:

没有答案