javascript - 将剑道网格选择的项目传递到剑道窗口

Question

我有一个带有可编辑记录的剑道网格:

当用户单击编辑按钮时，会打开一个 Kendo 窗口，其中包含用于编辑记录的表单。

我通过从 Controller 方法填充 Kendo 窗口来实现此目的，该方法通过网络服务获取所选记录的数据:<- 这是我想要避免的。相反，我想直接从表中取出数据并将其放入 Kendo 窗口内的输入字段中，而不需要任何额外的处理或 html 调用。数据已经在桌面上，我只是不知道如何将它发送到 Kendo 窗口输入。

这是一些代码:

点击编辑按钮后调用的javascript函数:

function openEdit() {
    var window = $("#editWindow").getKendoWindow();
    window.refresh({
        url: '@Url.Action("_EditForm", "Controller")'
    });
    window.center().open();
}

View 包含局部 View 调用:

@Html.Partial("_EditWindow")

调用的局部 View 包含剑道窗口:

@(Html.Kendo().Window()
    .Name("editWindow")
    .Modal(true)
    .Events(e => e.Open("drawWindow").Close("refresh").Refresh("hideLoading"))
    .Iframe(true)
    .Visible(false)
    .Title("Edit Record")
)

如何将表格中选定行的数据传递到 Kendo 窗口？

编辑

我知道如何从 javascript 中的选定记录中获取值:

var grid = $("#grid").data("kendoGrid");
var selectedItem = grid.dataItem(grid.select());

我只是不知道如何将它们传递到 Kendo 窗口输入中。

Answer 1

我找到了解决问题的办法。我现在将选定的模型从 View 发送到 Controller 。我使用神奇的 JSON.stringify 来实现它。

function onChange() {
    if (this.dataItem(this.select()) != null) {
        var rowModel = this.dataItem(this.select());
        // gets the model of the selected item in the grid

        $.ajax({
            url: 'sendGridRecord',
            type: "POST",
            data: JSON.stringify(rowModel),
            contentType: 'application/json'
        });
    }
}