使用 Kendo 网格更新其他控件

Updating other controls with Kendo grid

我在 ajax 数据源的 Kendo 网格中显示我的 class A。此 class 与 class B 具有外键关系,并且 class 具有导航 属性。我想在单独的文本框中显示 class B 属性。实现这一目标的最佳方法是什么?我想我应该以某种方式使用 dataBound 事件?

仅作记录,并防止出现另一个像 Tumbleweed! 这样的徽章,我应该说我想出的唯一方法是自定义 Ajax。

  1. 您应该提取当前行的 ID。
  2. 拨打 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);
        }
    });
}