分页列表不起作用

时间:2012-07-17 19:57:18

标签: asp.net asp.net-mvc-3 pagedlist

我做过Rick Anderson的ASP.NET MVC 3入门(C#)教程,是一个产品目录,已经有用了,但是,由于我添加了很长的产品列表,现在我需要一个pagedList来获取每页只有很多产品,环顾四周我发现了一个例子但是没有用到我的项目我在Models文件中添加了这个名为IPagedList.cs的类

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

namespace Presupuestos.Models
{
    public interface IPagedList
    {
        int ItemCount
        {
            get;
            set;
        }

        int PageCount
        {
            get;
            set;
        }

        int PageIndex
        {
            get;
            set;
        }

        int PageSize
        {
            get;
            set;
        }

        bool IsPreviousPage
        {
            get;
        }

        bool IsNextPage
        {
            get;
        }
    }

    public interface IPagedList<T> : IList<T>, IPagedList
    {
    }

    public class PagedList<T> : List<T>, IPagedList<T>
    {
        private List<Productos> list;
        private int p;
        private int p_2;

        public PagedList(IQueryable<T> source, int index, int pageSize)
        {
            this.ItemCount = source.Count();
            this.PageSize = pageSize;
            this.PageIndex = index;
            this.AddRange(source.Skip(index * pageSize).Take(pageSize).ToList());
            this.PageCount = (int)Math.Ceiling((double)this.ItemCount / this.PageSize);
        }

        public PagedList(List<T> source, int index, int pageSize)
        {
            this.ItemCount = source.Count();
            this.PageSize = pageSize;
            this.PageIndex = index;
            this.AddRange(source.Skip(index * pageSize).Take(pageSize).ToList());
        }

        public PagedList(List<Productos> list, int p, int p_2)
        {
            // TODO: Complete member initialization
            this.list = list;
            this.p = p;
            this.p_2 = p_2;
        }

        public int ItemCount
        {
            get;
            set;
        }

        public int PageCount
        {
            get;
            set;
        }

        public int PageIndex
        {
            get;
            set;
        }

        public int PageSize
        {
            get;
            set;
        }

        public bool IsPreviousPage
        {
            get
            {
                return (PageIndex > 0);
            }
        }

        public bool IsNextPage
        {
            get
            {
                return (PageIndex + 1) * PageSize <= ItemCount;
            }
        }
    }

    public static class Pagination
    {
        public static PagedList<T> ToPagedList<T>(this IQueryable<T> source, int index, int pageSize)
        {
            return new PagedList<T>(source, index, pageSize);
        }

        public static PagedList<T> ToPagedList<T>(this IQueryable<T> source, int index)
        {
            return new PagedList<T>(source, index, 10);
        }
    }
}

另外,我添加了另一个名为HTMLHelpers.cs的类:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Text;
using Presupuestos.Models;

namespace Presupuestos.Models
{
    public static class ListPaging
    {
        public static MvcHtmlString Paging(this HtmlHelper html, IPagedList pagedList, string url, string pagePlaceHolder)
        {
            StringBuilder sb = new StringBuilder();
            // only show paging if we have more items than the page size
            if (pagedList.ItemCount > pagedList.PageSize)
            {
                sb.Append("<ul class=\"paging\">");
                if (pagedList.IsPreviousPage && pagedList.PageIndex != 1)
                {
                    // previous link
                    sb.Append("<li class=\"prev\"><a href=\"");
                    sb.Append(url.Replace(pagePlaceHolder, (pagedList.PageIndex - 1).ToString()));
                    sb.Append("\" title=\"Go to Previous Page\">prev</a></li>");
                }
                for (int i = 0; i < pagedList.PageCount; i++)
                {
                    sb.Append("<li>");
                    if (i == pagedList.PageIndex)
                    {
                        sb.Append("<span>").Append((i + 1).ToString()).Append("</span>");
                    }
                    else
                    {
                        sb.Append("<a href=\"");
                        sb.Append(url.Replace(pagePlaceHolder, (i + 1).ToString()));
                        sb.Append("\" title=\"Go to Page ").Append((i + 1).ToString());
                        sb.Append("\">").Append((i + 1).ToString()).Append("</a>");
                    }
                    sb.Append("</li>");
                }
                if (pagedList.IsNextPage)
                {
                    // next link
                    sb.Append("<li class=\"next\"><a href=\"");
                    sb.Append(url.Replace(pagePlaceHolder, (pagedList.PageIndex + 1).ToString()));
                    sb.Append("\" title=\"Go to Next Page\">next</a></li>");
                }
                sb.Append("</ul>");
            }
            return MvcHtmlString.Create(sb.ToString());
        }
    }
}

最后这是视图文件,我刚刚添加了@using presupuestos.models和最后的html.paging:

@model IEnumerable<Presupuestos.Models.Productos>        
@using Presupuestos.Models

@{
    ViewBag.Title = "Productos";
}

<h2>Catalogo de Productos</h2>

<p>
    @Html.ActionLink("Agregar Producto", "Create")
</p>
<table>
    <tr>
        <th>
            Marca
        </th>
        <th>
            Codigo
        </th>
        <th>
            Nombre
        </th>
        <th>
            Envase
        </th>
        <th>
            Presentación
        </th>
        <th>
            Linea
        </th>
        <th>
            Categoria
        </th>
        <th></th>
    </tr>

@foreach (var item in Model)
{
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.marca)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.codigo)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.nombre)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.envase)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.presentación)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.linea)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.categoria)
        </td>
        <td>
            @Html.ActionLink("Editar", "Edit", new { id = item.ID }) |
            @Html.ActionLink("Detalles", "Details", new { id = item.ID }) |
            @Html.ActionLink("Borrar", "Delete", new { id = item.ID })
        </td>
    </tr>
}

</table>
<div>
@Html.Paging(new PagedList<Productos>(ViewData.Model.ToList(),1,10), Url.Action("Index","Index", new { page = "PAGENUM" }), "PAGENUM")
</div>

希望你能帮助我,我已经坚持了一天,就在上周五我开始使用mvc3,好的是我的老板需要的是教程上的内容,但是,现在我想做这个额外的东西(pagedlist)我真的迷路了!!

2 个答案:

答案 0 :(得分:0)

看起来好像在这一行

@Html.Paging(new PagedList<Productos>(ViewData.Model.ToList(),1,10), Url.Action("Index","Index", new { page = "PAGENUM" }), "PAGENUM")

您正在将当前页面索引硬编码为1。

我猜你在你的索引操作方法中可能需要有一些代表当前页面的东西,你可以将它们传递给你的视图,并用那个替换硬编码的。

e.g。

public void Index(int page = 1)
{
    // ... set up your view model
    // ...
    // ...

    // page is added to the url by your paging helper.
    ViewBag.CurrentPage = page;

    return View(viewModel);
}

在视图中......

@Html.Paging(new PagedList<Productos>(ViewData.Model.ToList(),@ViewBag.CurrentPage,10), Url.Action("Index","Index", new { page = "PAGENUM" }), "PAGENUM")

答案 1 :(得分:0)

根据您在评论中所说的内容,页面底部没有显示分页列表,我真的建议您进行一些调试并查看实际执行的代码路径。但无论如何我们可以猜到以下......

第一步是在ListPaging.Paging中放置一个断点并检查它是否实际被调用。如果是,并且没有任何内容被附加到您的StringBuilder,那么也许

if (pagedList.ItemCount > pagedList.PageSize)
{
     // ...

未评估为true。我假设列表中的项目数量多于10个,所以它应该是真的。所以也许这个没有评估为真的原因是因为两个值都没有设置。

您添加的构造函数看起来很可疑:

public PagedList(List<Productos> list, int p, int p_2)
{
    // TODO: Complete member initialization
    this.list = list;
    this.p = p;
    this.p_2 = p_2;
}

PagedList实际使用的所有属性都没有在此处设置。这个构造函数有什么意义?什么是pp_2?如果正在调用此构造函数,则ItemCount和PageSize将没有值。我建议摆脱它,让其他构造函数被调用。