javascript - 使用 Kendo Grid 读取操作发布模型

Question

我正在尝试向我的页面添加一个搜索表单来更新 Kendo Grid。我应该如何发送 Ajax 调用，以便 ASP.NET MVC 模型绑定(bind)器能够工作？

这是我的 Ajax 调用:

var grid = $("#SearchSheetHeads").data('kendoGrid');
var data = $("#SearchSheet").serialize();
grid.dataSource.transport.options.read.url = "@Url.Action("SearchHeaderRead", "Sheet")";
grid.dataSource.transport.options.read.data = data;
grid.dataSource.transport.options.read.dataType = 'json';
grid.dataSource.transport.options.read.contentType = "application/json";
grid.dataSource.transport.options.read.type = "POST";
grid.dataSource.fetch();

我还尝试过使用 stringify 方法并删除 contentType。

这是我的操作签名:

public ActionResult SearchHeaderRead([DataSourceRequest] DataSourceRequest request, SearchSheetHeaderViewModel model)

请求如下所示:

Answer 1

目前无法测试，但请尝试以下操作:

var grid = $("#SearchSheetHeads").data('kendoGrid');
var data = $("#SearchSheet").serialize();
$.ajax(
{
    type: 'POST',
    url: '@Url.Action("SearchHeaderRead", "Sheet")',
    dataType: 'json',
    data: { model: data },
    success: function (result) {
        grid.dataSource.data(result.Data);
    }
});

data: { model: data } 对您来说可能是重要的部分。