Razor webgrid ajax paging and sorting

c# asp.net-mvc-3 razor webgrid
Sean Cain picture Sean Cain · Dec 3, 2010 · Viewed 53.2k times · Source

I'm trying to learn how to use Razor WebGrid in MVC3. How does the ajaxUpdateCallback parameter work?

Answer

Sean Chase picture Sean Chase · Jan 25, 2011

The ajaxUpdateCallback is the name of the javascript function that will get called after the server call is complete. The title of your question is regarding paging and sorting with the WebGrid which would look something like this...

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

I have a full example here if you'd like to see it:

Example

Related questions

WebGrid Column Format Issue in MVC3

I've been trying to change the format of a single column in a WebGrid without much success. Said column is this: grid.Column( columnName: "EmailAddress", header: "Email Address", format:(item) => Html.EmailLink(item.EmailAddress, item.EmailAddress, ""), canSort: false ), The …

Read More
Bind WebGrid form AJAX

I'm a newbie to MVC3 and Razor and I need help on binding/loading a WebGrid once data is returned from AJAX post. Any help would really be appreciated (project due date quickly approaching) ;) My scenario is this: I have …

Read More
How to declare a local variable in Razor?

I am developing a web application in asp.net mvc 3. I am very new to it. In a view using razor, I'd like to declare some local variables and use it across the entire page. How can this be done? …

Read More