使用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
});
}