使用 Kendo 网格更新其他控件

Question

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

Answer 1

为了记录，为了防止出现像 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);
        }
    });
}