MVC使用MvcPager實現(xiàn)分頁效果

更新時間：2022年03月27日 11:54:30 作者：櫻花花

這篇文章主要為大家詳細(xì)介紹了MVC使用MvcPager實現(xiàn)分頁效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了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/ ?
? ? ? ? //默認(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í)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: