剃刀的WebGrid AJAX分页和排序

问题描述 投票:28回答:2

我想学习如何在MVC3使用剃刀的WebGrid。如何在ajaxUpdateCallback参数工作?

c# asp.net-mvc-3 razor webgrid
2个回答
46
投票

该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


15
投票

该ajaxUpdateCallBack参数用于指定JavaScript函数时,由ajaxUpdateContainerId值表示的元素已经更新为排序或分页等的结果是应该叫你将它传递到像这样的构造函数:

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

它会指向这个:

function callBack(){
    alert('Called Back');
}
© www.soinside.com 2019 - 2024. All rights reserved.