使用 Kendo 网格更新其他控件
Updating other controls with Kendo grid
我在 ajax 数据源的 Kendo 网格中显示我的 class A
。此 class 与 class B
具有外键关系,并且 class 具有导航 属性。我想在单独的文本框中显示 class B
属性。实现这一目标的最佳方法是什么?我想我应该以某种方式使用 dataBound
事件?
仅作记录,并防止出现另一个像 Tumbleweed!
这样的徽章,我应该说我想出的唯一方法是自定义 Ajax。
- 您应该提取当前行的 ID。
- 拨打 Ajax 电话并更新必填字段。
您可以使用此 JS 代码为 Grid 的更改注册处理程序:
$(document).ready(function () {
$("#grid").data("kendoGrid").bind("change", headChange);
$("#grid").data("kendoGrid").bind("dataBound", function (e) {
this.element.find("tbody tr:first").addClass("k-state-selected");
headChange(e);
});
});
Ajax 调用将是这样的:
function headChange(e) {
var grid = $("#grid").data("kendoGrid");
var item = grid.dataItem(grid.select());
var data = item.Id;
$.ajax({
method: "POST",
url: "url/details" + id,
success: function (data) {
var lbl = $("#lbl1").val(data[0].lbl1);
}
});
}
我在 ajax 数据源的 Kendo 网格中显示我的 class A
。此 class 与 class B
具有外键关系,并且 class 具有导航 属性。我想在单独的文本框中显示 class B
属性。实现这一目标的最佳方法是什么?我想我应该以某种方式使用 dataBound
事件?
仅作记录,并防止出现另一个像 Tumbleweed!
这样的徽章,我应该说我想出的唯一方法是自定义 Ajax。
- 您应该提取当前行的 ID。
- 拨打 Ajax 电话并更新必填字段。
您可以使用此 JS 代码为 Grid 的更改注册处理程序:
$(document).ready(function () {
$("#grid").data("kendoGrid").bind("change", headChange);
$("#grid").data("kendoGrid").bind("dataBound", function (e) {
this.element.find("tbody tr:first").addClass("k-state-selected");
headChange(e);
});
});
Ajax 调用将是这样的:
function headChange(e) {
var grid = $("#grid").data("kendoGrid");
var item = grid.dataItem(grid.select());
var data = item.Id;
$.ajax({
method: "POST",
url: "url/details" + id,
success: function (data) {
var lbl = $("#lbl1").val(data[0].lbl1);
}
});
}