ASP.Net MVC 3.0 Razor查看網格Ajax分頁

Question

我怎樣才能實現這個網格我有Ajax？

@{ 
var grid = new WebGrid(source: Model, defaultSort: "FirstName", rowsPerPage: 5); 
} 
@if (Model.Count() > 0) 
{ 
<div id="grid"> 
    @grid.GetHtml(
tableStyle: "grid", 
headerStyle: "head", 
alternatingRowStyle: "alt", 
columns: grid.Columns(
grid.Column("FirstName", "First Name"), 
grid.Column("LastName", "Last Name"), 
grid.Column("Address"), 
grid.Column("DOB"), 
grid.Column("Gender") 
) 
    ) 
</div> 
} 

我試着添加ajaxUpdateContainerId，但它給出了一些錯誤。 我無法理解它。

我已經創建了我的格子像下面

var grid = new WebGrid(canPage: true, rowsPerPage: 2, defaultSort: "FirstName", canSort: true, ajaxUpdateContainerId: "grid"); 
grid.Bind(Model, rowCount:Model.Count(), autoSortAndPage: false); 
grid.Pager(WebGridPagerModes.All); 

但它顯示了所有的網格，我想只顯示5格記錄的記錄，然後分頁

Answer 1

有一個偉大的文章這裏的主題http://www.unboxedsolutions.com/sean/archive/2011/01/23/15964.aspx

@using AdventureWorks.Common 
@using ThisController = MvcDemo.Controllers.GridExampleController 
@model GridExampleViewModel 

@{ ViewBag.Title = "Index"; } 

@{ 
    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, ContactID = item.ContactID })), 
      grid.Column("FullName"), 
      grid.Column("Title") 
     )); 
}