web-dev-qa-db-ja.com

Razor webgrid ajaxのページングと並べ替え

MVC3でRazor WebGridを使用する方法を学習しようとしています。 ajaxUpdateCallbackパラメーターはどのように機能しますか？

c#asp.net-mvc-3razorwebgrid
28
Sean Cain

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

あなたがそれを見たいなら、私はここに完全な例を持っています：

例

46
Sean Chase

AjaxUpdateCallBackパラメーターは、ajaxUpdateContainerId値で示される要素が並べ替えやページングなどの結果として更新されたときに呼び出されるJavaScript関数を指定するために使用されます。次のようにコンストラクターに渡します。

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

そして、それはこれを指すでしょう：

function callBack(){
    alert('Called Back');
}
15
Mike Brind