First,,right-click references to add a MVCPager.dll references in your project. Second,in this project, I uesed "linq to sql" to use database(Entities name:PagerDBDataContext).
Controllers:
using Pager.Models;
using Webdiyer.WebControls.Mvc;
using System.Web.Mvc.Ajax;
using System.Data;
namespace Pager.Controllers
{
public class MessageController : Controller
{
//
// GET: /Message/
public ActionResult JPager(int? id)
{
using (var db = new PagerDBDataContext())
{
PagedList<Message> message = db.Messages.ToPagedList(id ?? 1, 20);
if (Request.IsAjaxRequest())
return PartialView("JqueryPager", message);
return View(message);
}
}
}
}
Views:
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<PagedList<Message>>" %>
<%@ Import Namespace="Pager.Models" %>
<%@ Import Namespace="Webdiyer.WebControls.Mvc" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
JPager
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<style type="text/css">
.mvcPager
{
font-size: 9pt;
}
.mvcPager input[type=text]
{
width: 28px;
}
.mvcPager .gotoPage
{
float: right;
}
</style>
<script src="../../Scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="../../Scripts/MicrosoftAjax.js" type="text/javascript"></script>
<script src="../../Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>
<h2> JPager</h2>
<div id="dvOrders">
<table width="98%">
<tr><th>ID</th><th>Name</th><th>Datetime</th></tr>
<% foreach(Message item in Model){ %>
<tr><td><%:item.ID %></td><td><%: item.Name %></td><td><%: item.DateTime %></td></tr>
<%} %>
</table>
<%=Html.AjaxPager(Model, new PagerOptions() { CssClass = "mvcPager", PageIndexParameterName = "id", ShowMorePagerItems = false, AlwaysShowFirstLastPageNumber = true, ShowPageIndexBox = true, PageIndexBoxWrapperFormatString = "页{0}" }, new AjaxOptions() { UpdateTargetId = "dvOrders" })%>
</div>
</asp:Content>