Kendo 网格:Onchange 事件未触发
Kendo Grid: Onchange event is not triggering
我正在尝试在 telerik kendo 网格的文本框 "onchange" 中实现一些功能。但它并没有激发变化;相反,它在 onBlur 上触发。
代码在这里。 demo
要跟踪列模板内编辑器的更改,您应该使用不同的方法。请检查以下示例:
$("#grid").kendoGrid({
columns: [ {
field: "name",
template: kendo.template($("#name-template").html())
}],
dataSource: {
data: [ {id: 1, name: "Jane Doe" }, {id: 2, name: "John Doe" } ],
//schema is required for enabling valid CRUD operations
schema: {
model: {
id: "id",
fields: {
id: {type: "number"},
name: {type: "string"}
}
}
}
}
});
var grid = $("#grid").data("kendoGrid");
grid.table.on("change", "input", function(e) {
alert("change");
//optionally update the underlying model:
var editor = $(this);
var dataItem = grid.dataItem(editor.closest("tr"));
dataItem.set("name", editor.val());
});
另一种选择是使用以下演示中所示的 MVVM 方法:
我用过"onkeyup"活动。有效:)
您应该尝试“onkeypress”事件。它将根据您的要求工作。
我正在尝试在 telerik kendo 网格的文本框 "onchange" 中实现一些功能。但它并没有激发变化;相反,它在 onBlur 上触发。
代码在这里。 demo
要跟踪列模板内编辑器的更改,您应该使用不同的方法。请检查以下示例:
$("#grid").kendoGrid({
columns: [ {
field: "name",
template: kendo.template($("#name-template").html())
}],
dataSource: {
data: [ {id: 1, name: "Jane Doe" }, {id: 2, name: "John Doe" } ],
//schema is required for enabling valid CRUD operations
schema: {
model: {
id: "id",
fields: {
id: {type: "number"},
name: {type: "string"}
}
}
}
}
});
var grid = $("#grid").data("kendoGrid");
grid.table.on("change", "input", function(e) {
alert("change");
//optionally update the underlying model:
var editor = $(this);
var dataItem = grid.dataItem(editor.closest("tr"));
dataItem.set("name", editor.val());
});
另一种选择是使用以下演示中所示的 MVVM 方法:
我用过"onkeyup"活动。有效:)
您应该尝试“onkeypress”事件。它将根据您的要求工作。