MVC怎么使用MvcPager实现分页效果

发布时间:2022-03-28 09:10:39 作者:iii
来源:亿速云 阅读:125

今天小编给大家分享一下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

二、建立Linq

MVC怎么使用MvcPager实现分页效果

MVC怎么使用MvcPager实现分页效果

三、在Model创建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创建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=" 转到{0}",SeparatorHtml = "" })%>
        </div>
    </div>
</body>
</html>

以上就是“MVC怎么使用MvcPager实现分页效果”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注亿速云行业资讯频道。

推荐阅读:
  1. MvcPager分页控件的使用方法
  2. 怎么使用vue实现分页加载效果

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

mvc mvcpager

上一篇:C++重载运算符是实例分析

下一篇:C#如何实现语音播报功能

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》