码迷，mamicode.com
首页 > Web开发 > 详细

MVC 使用PageList进行分页

时间：2015-09-22 18:37:26      阅读：207      评论：0      收藏：0      [点我收藏+]

标签：

1.新建MVC项目

2.在Web项目下添加PagedList

nuget 命令 ：install-package pagedlist.mvc

在安装完成之后，会在Content下添加PagedList.css文件，这个是在分页中会用到的样式

 

3.有些人用的数据来源是其他地方来的，就用Ilist 的类型进行分页吧

顺便做一下json文件的转换

安装newtonsoft.json 

Nuget 命令 ：install-package newtonsoft.json

4.在Models中添加model类型定义 TestModel ，用来转换的

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace MvcApplication2.Models
{
    public class TestModel
    {
        public string Name { get; set; }

        public int? Age { get; set; }

        public string Remark { get; set; }
    }
}

5.创建Controller 进行管理，代码中使用局部页添加到index页中，分页之后还是跳转到局部页中，就是随笔一记，不做多的处理

index ACtion中产生数据，并将其计入到静态变量中国

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using MvcApplication2.Models;
using Newtonsoft.Json;
using PagedList;

namespace MvcApplication2.Controllers
{
    public class PartTestController : Controller
    {
        //
        // GET: /PartTest/
        static IList<TestModel> models = new List<TestModel>();

        public ActionResult Index()
        {
            Random rd = new Random();
            models.Add(new TestModel() { Name = "test1", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });
            models.Add(new TestModel() { Name = "test" + rd.Next(1, 50) + "", Age = rd.Next(10, 50), Remark = "Remark" });      
            return View();
        }

        public PartialViewResult PagedListFun(string searchStr, string orderType, int? page)
        {
            if (!string.IsNullOrWhiteSpace(searchStr))
            {
                page = 1;
            }

            string str = JsonConvert.SerializeObject(models);


            string jsonstr = str;

            IList<TestModel> list = JsonConvert.DeserializeObject<IList<TestModel>>(jsonstr);



            var res = from q in list
                      where q.Name.Contains(searchStr ?? "")
                      select q;

            //if (orderType.ToLower() == "desc")
            //{
            res = res.OrderByDescending(o => o.Name);
            //}



            int pageSize = 3;
            int pageNumber = (page ?? 1);

            return PartialView("PagedListFun", res.ToPagedList(pageNumber, pageSize));
        }

    }
}

 

6. 在index中加载页面

@{
    Layout = null;
    ViewBag.Title = "Index";
}

<script src="~/Scripts/jquery-1.8.2.js"></script>

<h2>Index</h2>

<div id="partTime"></div>


<script type="text/javascript">

    $(function () {
        $.ajax({
            url: "@Url.Action("PagedListFun")",
            type: "get",
        data: {name:‘mxh‘},
        success: function (data) {
            $("#partTime").html(data);
        },
        error:function(error) {
            $("#partTime").html(error.text);
        }
    });

    });


</script>

7.在局部也中进行分页处理

@model PagedList.IPagedList<MvcApplication2.Models.TestModel>
@using PagedList.Mvc

<link href="~/Content/PagedList.css" rel="stylesheet" />@*一定要加入这个，不然没有样式*@
@{
    Layout = null;
    ViewBag.Title = "PagedListFun";
}

                                   
<ul>
    @foreach (var item in Model)
    {
        <li>@item.Name   @item.Age   @item.Remark</li>
    }
</ul>

Page @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber) of @Model.PageCount
@Html.PagedListPager(Model, page => Url.Action("PagedListFun", new { page }))

 

MVC 使用PageList进行分页

标签：

原文地址：http://www.cnblogs.com/mingxh/p/4829657.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！