MVC使用MvcPager實現(xiàn)分頁效果
更新時間:2022年03月27日 11:54:30 作者:櫻花花
這篇文章主要為大家詳細介紹了MVC使用MvcPager實現(xiàn)分頁效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了MVC使用MvcPager實現(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/ ? ? ? ? ? //默認分頁 ? ? ? ? ? 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)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- ASP.NET MVC 5使用X.PagedList.Mvc進行分頁教程(PagedList.Mvc)
- MVC+jQuery.Ajax異步實現(xiàn)增刪改查和分頁
- MVC分頁之MvcPager使用詳解
- ASP.NET MVC分頁的實現(xiàn)方法
- ASP.NET MVC分頁和排序功能實現(xiàn)
- ASP.NET MVC5 實現(xiàn)分頁查詢的示例代碼
- ASP.NET MVC4 HtmlHelper擴展類,實現(xiàn)分頁功能
- Asp.net MVC 中利用jquery datatables 實現(xiàn)數(shù)據(jù)分頁顯示功能
- ASP.NET MVC4 Razor模板簡易分頁效果
- ASP.NET MVC+EF在服務端分頁使用jqGrid以及jquery Datatables的注意事項
相關文章
WinForm中窗體間的數(shù)據(jù)傳遞交互的一些方法
通過子窗口向外引發(fā)一個事件,父窗口去實現(xiàn)該事件,我們可以再不關閉父窗口和子窗口的情況下進行數(shù)據(jù)的傳輸顯示2012-12-12ASP.NET向Javascript傳遞變量兩種實現(xiàn)方法
ASP.NET向Javascript傳遞變量兩種實現(xiàn)方法,需要的朋友可以參考下2012-12-12.NET?CPU爆高事故事故分析某供應鏈WEB網(wǎng)站
這篇文章主要為大家介紹了.NET?CPU爆高事故事故分析某供應鏈WEB網(wǎng)站,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-06-06.NET某消防物聯(lián)網(wǎng)后臺服務內(nèi)存泄漏分析
這篇文章主要為大家介紹了.NET某消防物聯(lián)網(wǎng)后臺服務內(nèi)存泄漏分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-06-06JavaScript驗證用戶輸入的是字符或數(shù)字及ASCII Chart應用
我們可以根據(jù)onkeydown事件的event.keyCode即是ASCII Chart來判斷字符或數(shù)字等,本文提供了相關鍵盤key對應的ASCII碼,以供用戶使用是參考及使用onpaste事件只能輸入字符和數(shù)字防止粘貼等的,感興趣的朋友可以了解下2013-01-01