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');
}