Razor webgrid ajax 分页和排序答案

【问题标题】：Razor webgrid ajax paging and sortingRazor webgrid ajax 分页和排序
【发布时间】：2011-05-19 13:25:56
【问题描述】：

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

【问题讨论】：

【解决方案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")
        ));
}

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

Example

【讨论】：

一个很棒的小东西的非常好的示例页面。正是我在漫长的 sprint 结束时需要在我睡觉 30 小时之前抛出最后一页数据的东西。大声笑，非常感谢。

【解决方案2】：

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

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

它会指向这个：

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

【讨论】：