c# - Razor webgrid ajax 分页和排序

Question

我正在尝试学习如何在 MVC3 中使用 Razor WebGrid。ajaxUpdateCallback参数如何工作？

Answer 1

ajaxUpdateCallback 是在服务器调用完成后将被调用的 javascript 函数的名称。您的问题的标题是关于使用 WebGrid 进行分页和排序的，看起来像这样......

@{
    var grid = new WebGrid(canPage: true, rowsPerPage: ThisController.PageSize, canSort: true, ajaxUpdateContainerId: "grid");
    grid.Bind(Model.Employees, rowCount: Model.TotalRecords, autoSortAndPage: false);
    grid.Pager(WebGridPagerModes.All);
    @grid.GetHtml(htmlAttributes: new { id="grid" },
        columns: grid.Columns(
            grid.Column(format: (item) => Html.ActionLink("Edit", "Edit", new { EmployeeID = item.EmployeeID })),
            grid.Column("FullName"),
            grid.Column("Title")
        ));
}

如果你想看的话，我在这里有一个完整的例子：

例子

Answer 2

ajaxUpdateCallBack 参数用于指定当由 ajaxUpdateContainerId 值表示的元素由于排序或分页等而更新时应调用的 JavaScript 函数。您将其传递给构造函数，如下所示：

var grid = new WebGrid(data, ajaxUpdateContainerId : "grid", 
                ajaxUpdateCallback: "callBack");

它会指出这一点：

function callBack(){
    alert('Called Back');
}