使用Kendo网格更新其他控件

时间:2015-04-30 07:22:34

标签: kendo-ui kendo-grid kendo-asp.net-mvc

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

1 个答案:

答案 0 :(得分:0)

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

  1. 您应该提取当前行的ID。
  2. 进行Ajax调用并更新必填字段。
  3. 您可以使用此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);
            }
        });
    }