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 |
|
C#_Ajax分页MVCPager
时间: 2024-08-25 12:24:14