教你如何使用MvcPager實現分頁效果

導讀	這篇文章主要為大家詳細介紹了MVC使用MvcPager實現分頁效果，文中示例程式碼介紹的非常詳細，具有一定的參考價值，感興趣的小夥伴們可以參考一下

本文例項為大家分享了MVC使用MvcPager實現分頁效果的具體程式碼，供大家參考，具體內容如下

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

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; }
        }
    }
}

新增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())
            {
                IQueryablep = from c in db.UserInfo
                                         select new UserInfo { CustomerID = c.customerID, CustomerName = c.customerName, Telephone = c.telephone, Pid = c.PID, Address = c.address };
                PagedListm = p.ToPagedList(id ?? 1, defaultPageSize);
                return View(m);
            }
        }  
  
    }
}

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
    < %--樣式表--%>
    < link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
    < script src="../../Scripts/jquery-1.8.2.min.js" type="text/javascript">
< /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 = "{0}",
    ShowPageIndexBox = true,
    NumericPagerItemWrapperFormatString = "{0}",
    PageIndexBoxType = PageIndexBoxType.DropDownList, 
  
    ShowGoButton = false,PageIndexBoxWrapperFormatString=" 轉到{0}",SeparatorHtml = "" })%>

以上就是本文的全部內容，希望對大家的學習有所幫助。

原文來自：