首页 > 代码库 > C#_Ajax分页MVCPager

C#_Ajax分页MVCPager

2024-07-06 02:05:23   227人阅读

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=http://www.mamicode.com/"/Scripts/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src=http://www.mamicode.com/"/Scripts/jquery.unobtrusive-ajax.min.js"></script>
<h2>ASP.NET MvcPager 使用 jQuery 分页示例</h2>
    <div>本示例演示使用MvcPager配合<a href=http://www.mamicode.com/"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);
       }
   }

 


联系
我们