C#_Ajax分页MVCPager
UCJqOrderList
@model PagedList<Order> <div id="dvOrders"> <table width="98%"> <tr><th>订单编号</th><th>订单日期</th><th>顾客编号</th><th>收货地址</th></tr> @foreach(Order od in Model) { <tr><td>@od.OrderID</td><td>@od.OrderDate.ToString()</td><td>@od.CustomerID</td> <td>@od.ShipAddress</td></tr> } </table> <p>Ajax分页(仅刷新部分页面,Url不改变):</p> @Html.AjaxPager(Model, new PagerOptions() { PageIndexParameterName = "id", ShowDisabledPagerItems = false, AlwaysShowFirstLastPageNumber = true }, new AjaxOptions { UpdateTargetId = "dvOrders"}) <p>标准url分页(刷新整个页面,Url改变):</p> @Html.Pager(Model, new PagerOptions { PageIndexParameterName = "id", ShowDisabledPagerItems = false, AlwaysShowFirstLastPageNumber = true }) </div>
JqAjaxOrders
@{ ViewBag.Title = "MvcPager 使用 jQuery 分页示例";} @model PagedList<Order> <script type="text/javascript" src="/Scripts/jquery-1.5.1.min.js"></script> <script type="text/javascript" src="/Scripts/jquery.unobtrusive-ajax.min.js"></script> <h2>ASP.NET MvcPager 使用 jQuery 分页示例</h2> <div>本示例演示使用MvcPager配合<a href="http://www.jquery.com" target="_blank">jQuery</a>实现Ajax分页。</div><br /> @{Html.RenderPartial("UCJqOrderList", Model); }
1
2
3
4
5
6
7
8
9
10 |
public
ActionResult JqAjaxOrders( int
id = 1) { using
( var
db = new
OrderEntities()) { PagedList<Order> orders = db.Orders.OrderBy(o => o.OrderID).ToPagedList(id, 20); if
(Request.IsAjaxRequest()) return
PartialView( "UCJqOrderList" , orders); return
View(orders); } } |
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。