MVC使用MvcPager實(shí)現(xiàn)分頁效果
本文實(shí)例為大家分享了MVC使用MvcPager實(shí)現(xiàn)分頁效果的具體代碼,供大家參考,具體內(nèi)容如下
一、數(shù)據(jù)庫表
USE [StudentDB] GO ? /****** Object: ?Table [dbo].[UserInfo] ? ?Script Date: 07/27/2018 13:59:03 ******/ SET ANSI_NULLS ON GO ? SET QUOTED_IDENTIFIER ON GO ? SET ANSI_PADDING ON GO ? CREATE TABLE [dbo].[UserInfo]( ?? ?[customerID] [int] IDENTITY(1,1) NOT NULL, ?? ?[customerName] [varchar](50) NOT NULL, ?? ?[PID] [varchar](50) NOT NULL, ?? ?[telephone] [varchar](50) NOT NULL, ?? ?[address] [varchar](20) NULL, PRIMARY KEY CLUSTERED? ( ?? ?[customerID] ASC )WITH (PAD_INDEX ?= OFF, STATISTICS_NORECOMPUTE ?= OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS ?= ON, ALLOW_PAGE_LOCKS ?= ON) ON [PRIMARY], ?CONSTRAINT [UQ_PID] UNIQUE NONCLUSTERED? ( ?? ?[PID] ASC )WITH (PAD_INDEX ?= OFF, STATISTICS_NORECOMPUTE ?= OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS ?= ON, ALLOW_PAGE_LOCKS ?= ON) ON [PRIMARY] ) ON [PRIMARY] ? GO ? SET ANSI_PADDING OFF GO ? ALTER TABLE [dbo].[UserInfo] ?WITH CHECK ADD ?CONSTRAINT [CK_PID] CHECK ?((len([PID])=(15) OR len([PID])=(18))) GO ? ALTER TABLE [dbo].[UserInfo] CHECK CONSTRAINT [CK_PID] GO ? ALTER TABLE [dbo].[UserInfo] ?WITH CHECK ADD ?CONSTRAINT [CK_telephone] CHECK ?((len([telephone])=(11))) GO ? ALTER TABLE [dbo].[UserInfo] CHECK CONSTRAINT [CK_telephone] GO
二、建立Linq


三、在Model創(chuàng)建UserInfo
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
?
namespace Web.Models
{
? ? public class UserInfo
? ? {
? ? ? ? private int customerID;
?
? ? ? ? public int CustomerID
? ? ? ? {
? ? ? ? ? ? get { return customerID; }
? ? ? ? ? ? set { customerID = value; }
? ? ? ? }
?
? ? ? ? private string customerName;
?
? ? ? ? public string CustomerName
? ? ? ? {
? ? ? ? ? ? get { return customerName; }
? ? ? ? ? ? set { customerName = value; }
? ? ? ? }
? ? ? ? private string pid;
?
? ? ? ? public string Pid
? ? ? ? {
? ? ? ? ? ? get { return pid; }
? ? ? ? ? ? set { pid = value; }
? ? ? ? }
? ? ? ? private string telephone;
?
? ? ? ? public string Telephone
? ? ? ? {
? ? ? ? ? ? get { return telephone; }
? ? ? ? ? ? set { telephone = value; }
? ? ? ? }
? ? ? ? private string address;
?
? ? ? ? public string Address
? ? ? ? {
? ? ? ? ? ? get { return address; }
? ? ? ? ? ? set { address = value; }
? ? ? ? }
? ? }
}四、在Controllers創(chuàng)建Home控制器
添加MvcPager.dll,并引用MvcPager的命名空間Webdiyer.WebControls.Mvc。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using Web.Models;
using Webdiyer.WebControls.Mvc;
?
namespace Web.Controllers
{
? ? public class HomeController : Controller
? ? {
? ? ? ? // ?
? ? ? ? // GET: /Page/ ?
? ? ? ? //默認(rèn)分頁 ?
? ? ? ? private const int defaultPageSize = 5;
?
? ? ? ? // ?
? ? ? ? public ActionResult Index(int? id)
? ? ? ? {
? ? ? ? ? ? using (DBDataContext db = new DBDataContext())
? ? ? ? ? ? {
? ? ? ? ? ? ? ? IQueryable<UserInfo> p = from c in db.UserInfo
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?select new UserInfo { CustomerID = c.customerID, CustomerName = c.customerName, Telephone = c.telephone, Pid = c.PID, Address = c.address };
? ? ? ? ? ? ? ? PagedList<UserInfo> m = p.ToPagedList(id ?? 1, defaultPageSize);
? ? ? ? ? ? ? ? return View(m);
? ? ? ? ? ? }
? ? ? ? } ?
?
? ? }
}五、添加視圖Index
fo>>" %>
?
<%@ Import Namespace="Web.Models" %>
<%@ Import Namespace="Webdiyer.WebControls.Mvc" %>
?
<!DOCTYPE html>
?
<html>
<head runat="server">
? ? <meta name="viewport" content="width=device-width" />
? ? <title>Index</title>
? ? <%--樣式表--%>
? ? <link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
? ? <script src="../../Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
</head>
<body>
? ? <div class="divfloat">
? ? ? ? <div id="divpages">
? ? ? ? ? ? <table>
? ? ? ? ? ? ? ? <tr>
? ? ? ? ? ? ? ? ? ? <th>編號
? ? ? ? ? ? ? ? ? ? </th>
? ? ? ? ? ? ? ? ? ? <th>姓名
? ? ? ? ? ? ? ? ? ? </th>
? ? ? ? ? ? ? ? ? ? <th>身份證號
? ? ? ? ? ? ? ? ? ? </th>
? ? ? ? ? ? ? ? ? ? <th>電話號碼
? ? ? ? ? ? ? ? ? ? </th>
? ? ? ? ? ? ? ? ? ? <th>地址
? ? ? ? ? ? ? ? ? ? </th>
? ? ? ? ? ? ? ? </tr>
? ? ? ? ? ? ? ? <%foreach (UserInfo od in Model)
? ? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? %>
? ? ? ? ? ? ? ? <tr>
? ? ? ? ? ? ? ? ? ? <td>
? ? ? ? ? ? ? ? ? ? ? ? <%=od.CustomerID.ToString() %>
? ? ? ? ? ? ? ? ? ? </td>
? ? ? ? ? ? ? ? ? ? <td>
? ? ? ? ? ? ? ? ? ? ? ? <%=od.CustomerName.ToString() %>
? ? ? ? ? ? ? ? ? ? </td>
? ? ? ? ? ? ? ? ? ? <td>
? ? ? ? ? ? ? ? ? ? ? ? <%=od.Pid.ToString() %>
? ? ? ? ? ? ? ? ? ? </td>
? ? ? ? ? ? ? ? ? ? <td>
? ? ? ? ? ? ? ? ? ? ? ? <%=od.Telephone.ToString() %>
? ? ? ? ? ? ? ? ? ? </td>
? ? ? ? ? ? ? ? ? ? <td>
? ? ? ? ? ? ? ? ? ? ? ? <%=od.Address.ToString() %>
? ? ? ? ? ? ? ? ? ? </td>
? ? ? ? ? ? ? ? </tr>
? ? ? ? ? ? ? ? <%
? ? ? ? ? ? ? ? ? } %>
? ? ? ? ? ? </table>
? ? ? ? ? ? new AjaxOptions() { UpdateTargetId = "divpages" })%>--%>
? ? ? ? ? ? <%=Html.Pager(Model, new PagerOptions
{
? ? PageIndexParameterName = "id",
? ? CssClass = "pages",
? ? FirstPageText = "首頁",
? ? LastPageText = "末頁",
? ? PrevPageText = "上一頁",
? ? NextPageText = "下一頁",
? ? CurrentPagerItemWrapperFormatString = "<span class=\"cpb\">{0}</span>",
? ? ShowPageIndexBox = true,
? ? NumericPagerItemWrapperFormatString = "<span class=\"item\">{0}</span>",
? ? PageIndexBoxType = PageIndexBoxType.DropDownList,?
?
? ? ShowGoButton = false,PageIndexBoxWrapperFormatString=" 轉(zhuǎn)到{0}",SeparatorHtml = "" })%>
? ? ? ? </div>
? ? </div>
</body>
</html>以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- ASP.NET MVC 5使用X.PagedList.Mvc進(jìn)行分頁教程(PagedList.Mvc)
- MVC+jQuery.Ajax異步實(shí)現(xiàn)增刪改查和分頁
- MVC分頁之MvcPager使用詳解
- ASP.NET MVC分頁的實(shí)現(xiàn)方法
- ASP.NET MVC分頁和排序功能實(shí)現(xiàn)
- ASP.NET MVC5 實(shí)現(xiàn)分頁查詢的示例代碼
- ASP.NET MVC4 HtmlHelper擴(kuò)展類,實(shí)現(xiàn)分頁功能
- Asp.net MVC 中利用jquery datatables 實(shí)現(xiàn)數(shù)據(jù)分頁顯示功能
- ASP.NET MVC4 Razor模板簡易分頁效果
- ASP.NET MVC+EF在服務(wù)端分頁使用jqGrid以及jquery Datatables的注意事項(xiàng)
相關(guān)文章
WinForm中窗體間的數(shù)據(jù)傳遞交互的一些方法
通過子窗口向外引發(fā)一個事件,父窗口去實(shí)現(xiàn)該事件,我們可以再不關(guān)閉父窗口和子窗口的情況下進(jìn)行數(shù)據(jù)的傳輸顯示2012-12-12
ASP.NET向Javascript傳遞變量兩種實(shí)現(xiàn)方法
ASP.NET向Javascript傳遞變量兩種實(shí)現(xiàn)方法,需要的朋友可以參考下2012-12-12
.NET?CPU爆高事故事故分析某供應(yīng)鏈WEB網(wǎng)站
這篇文章主要為大家介紹了.NET?CPU爆高事故事故分析某供應(yīng)鏈WEB網(wǎng)站,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-06-06
jQuery實(shí)現(xiàn)倒計時跳轉(zhuǎn)的例子
這篇文章主要介紹了jQuery實(shí)現(xiàn)倒計時跳轉(zhuǎn)的例子,需要的朋友可以參考下2014-05-05
.NET某消防物聯(lián)網(wǎng)后臺服務(wù)內(nèi)存泄漏分析
這篇文章主要為大家介紹了.NET某消防物聯(lián)網(wǎng)后臺服務(wù)內(nèi)存泄漏分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-06-06
JavaScript驗(yàn)證用戶輸入的是字符或數(shù)字及ASCII Chart應(yīng)用
我們可以根據(jù)onkeydown事件的event.keyCode即是ASCII Chart來判斷字符或數(shù)字等,本文提供了相關(guān)鍵盤key對應(yīng)的ASCII碼,以供用戶使用是參考及使用onpaste事件只能輸入字符和數(shù)字防止粘貼等的,感興趣的朋友可以了解下2013-01-01
集合類Array List HashTable實(shí)例操作練習(xí)
集合常用操作添加、遍歷、移除;本文將詳細(xì)介紹下ArrayList對值類型的操作/ArrayList對引用類型的操作及HashTable的使用,感興趣的你可不要錯過了哈2013-02-02

