Example MVC view using the AjaxGrid

@{
	ViewBag.Title = "ListPage";
}

<h2>AjaxGrid - Paged List</h2>
<p>
	@Html.ActionLink("Add New", "Create", null, new { @class = "actionButton" })
</p>
@(Html.AjaxGridFor<SeagullConsulting.MvcAjaxControls.Data.Models.Person>()
       .WithColumns(column => {
           column.Expression("First Name", p => p.FirstName, ColumnFormats.String, true);
           column.Expression("Last Name", p => p.LastName, ColumnFormats.String, true);
           column.Expression(p => p.Address);
           column.Expression("City", p => p.City.Name);
           column.Expression("Birthday", p => p.Birthday, ColumnFormats.ShortDate);
           column.Expression(p => p.Income, ColumnFormats.Currency);              
       })
       .WithActionColumns(column => {
           column.ImageActionLink("Details", "Details", p => p.Id,
                @Url.Content "~/Content/Images/Details.png"));
           column.ImageActionLink("Edit", "Edit", p => p.Id, @Url.Content("~/Content/Images/Edit.png"));
           column.ImageActionLink("Delete", "Delete", p => p.Id, 
                @Url.Content("~/Content/Images/Delete.png"));
           column.ImageActionLink("Phones", "ListPage", "Phone", p => p.Id, 
                @Url.Content("~/Content/Images/Button.png"));
       })
       .FromDataSource(@Url.Action("ListPerson"))
       .WithPaging(10)
       .WithFiltering(true, @Url.Action("FilterPerson"))
       .ToHtml()
)
<br />
@Html.ActionLink("AjaxGrid Index", "Index")
<div id="loader" class="loader">
	<img id="img-loader" src="@Url.Content("~/Content/images/Ajax-loader.gif")" 
                         alt="Loading"/>
</div>
<br />


AjaxGridExample1.png