Question

最近，我一直在努力解决ASP.NET MVC上令人烦恼的问题。简而言之，这就是故事我应该有一个列出所有产品的视图;现在因为那些产品太多了，我正在分页它们（非常创新嘿！）。该页面包含两个分页箭头 - “下一个10个产品”，“和之前的10个产品”。视图将传递一个IEnumerable<Product>集合，其中包含要显示的产品列表。该视图还将两个整数（currentPage，totalPages）作为ViewData项传递。现在我需要完成的是检查它是否是第一页（ViewData [“CurrentPage”] == 0）我应该将“之前的10页”链接的css类更改为禁用，所以我想出了类似于以下

 <a href="/Products/Page<%=Html.Encode(Convert.ToInt32(ViewData["CurrentPage"])-1)%>/" 
           class="<%=Convert.ToInt32(ViewData["CurrentPage"]) <= 1 ? "bgn disabled" : ""%>">                          
                previous 10 products                
        </a>

这很好，仍有问题。虽然链接被禁用或者特别是灰色，但它仍指向有效的URL，因此我尝试实际根据CurrentPage变量更改链接的href属性。这是代码的样子（准备好纯粹的丑陋）：

<a href="<%=Convert.ToInt32(ViewData["CurrentPage"]) <= 0 ? 
        "javascript:void[]" : 
        "/products/Page<%=Html.Encode(Convert.ToInt32(ViewData["CurrentPage"])+1)%>/" %>" 
        class="<%=Convert.ToInt32(ViewData["CurrentPage"]) <= 0 ? 
        "bgn disabled" :
        ""%>">

    previous 10 products
    </a>

现在，我对此代码的问题是：

第二个语句不起作用，显然是因为嵌套的服务器端脚本
它非常丑陋，而且绝对不可读（想象一下，我正在对每个需要分页的页面做这个！但是在痛苦中）。 :(

有更好的替代品吗？

Answer 1

您可以使用if声明：

<% if (Convert.ToInt32(ViewData["CurrentPage"]) <= 0) { %>
     Disabled template goes here...
<% } else { %> 
     Link template goes here...
<% } %>

顺便说一句，如果你是针对一组页面执行此操作，则可以将其封装在ViewUserControl或ViewMasterPage中。

Answer 2

这是另一种解决方案。添加<script runat="server">：

<script runat="server">
    protected string Prev10Url {
        get {
            return Convert.ToInt32(ViewData["CurrentPage"]) <= 0
                ? "javascript:void[]"
                : "/products/Page" + Html.Encode(Convert.ToInt32(ViewData["CurrentPage"])+1);
        }
    }

    protected string Prev10Class {
        get {
            return Convert.ToInt32(ViewData["CurrentPage"]) <= 0
                ? "bgn disabled"
                : "";
        }
    }

    protected string Next10Url {
        get {
            ...
        }
    }

    protected string Next10Class {
        get {
            ...
        }
    }
</script>

然后更改标记：

<a href="<%= Prev10Url %>" class="<%= Prev10Class %>">previous 10 products</a>
<a href="<%= Next10Url %>" class="<%= Next10Class %>">next 10 products</a>

Answer 3

您可以尝试我的寻呼机HTML帮助器：

using System;
using System.Text;
using System.Web.Mvc;
using System.Web.Routing;

namespace System.Web.Mvc
{
   public class Pager
   {
      private ViewContext viewContext;
      private readonly int pageSize;
      private readonly int currentPage;
      private readonly int totalItemCount;
      private readonly RouteValueDictionary linkWithoutPageValuesDictionary;

      public Pager(ViewContext viewContext, int pageSize, int currentPage, int totalItemCount, RouteValueDictionary valuesDictionary)
      {
         this.viewContext = viewContext;
         this.pageSize = pageSize;
         this.currentPage = currentPage;
         this.totalItemCount = totalItemCount;
         this.linkWithoutPageValuesDictionary = valuesDictionary;
      }

      public string RenderHtml()
      {
         int pageCount = (int)Math.Ceiling(this.totalItemCount / (double)this.pageSize);
         int nrOfPagesToDisplay = 8;

         var sb = new StringBuilder();
         sb.Append("<ul class=\"pagination\">");
         // Previous
         if (this.currentPage > 1)
         {
            sb.Append(string.Format("<li class=\"prev\"><a href=\"{0}\">«</a></li>", Route(this.currentPage - 1)));
         }
         else
         {
            sb.Append("<li class=\"prev disabled\"><span>«</span></li>");
         }

         int start = 1;
         int end = pageCount;

         if (pageCount > nrOfPagesToDisplay)
         {
            int middle = (int)Math.Ceiling(nrOfPagesToDisplay / 2d) - 1;
            int below = (this.currentPage - middle);
            int above = (this.currentPage + middle);

            if (below < 4)
            {
               above = nrOfPagesToDisplay;
               below = 1;
            }
            else if (above > (pageCount - 4))
            {
               above = pageCount;
               below = (pageCount - nrOfPagesToDisplay);
            }

            start = below;
            end = above;
         }

         if (start > 3)
         {
            sb.Append(GeneratePageLink("1", 1));
            sb.Append(GeneratePageLink("2", 2));
                sb.Append("<li class=\"more\">...</li>");
         }
         for (int i = start; i <= end; i++)
         {
            if (i == this.currentPage)
            {
               sb.Append(string.Format("<li class=\"page selected\"><span>{1}</span></li>", Route(i),i));
            }
            else
            {
               sb.Append(GeneratePageLink(i.ToString(), i));
            }
         }
         if (end < (pageCount - 3))
         {
                sb.Append("<li class=\"more\">...</li>");
            sb.Append(GeneratePageLink((pageCount - 1).ToString(), pageCount - 1));
            sb.Append(GeneratePageLink(pageCount.ToString(), pageCount));
         }

         // Next
         if (this.currentPage < pageCount)
         {
            sb.Append(string.Format("<li class=\"next\"><a href=\"{0}\">»</a></li>", Route(this.currentPage + 1)));
         }
         else
         {
            sb.Append("<li class=\"next disabled\"><span>»</span></li>");
         }
         sb.Append("</ul>");
         return sb.ToString();
      }
      private string Route(int pageNumber)
      {

         var pageLinkValueDictionary = new RouteValueDictionary(this.linkWithoutPageValuesDictionary);
         pageLinkValueDictionary.Add("page", pageNumber);
         var virtualPathData = RouteTable.Routes.GetVirtualPath(this.viewContext.RequestContext, pageLinkValueDictionary);
         return virtualPathData.VirtualPath;

      }
      private string GeneratePageLink(string linkText, int pageNumber)
      {
         var pageLinkValueDictionary = new RouteValueDictionary(this.linkWithoutPageValuesDictionary);
         pageLinkValueDictionary.Add("page", pageNumber);
         var virtualPathData = RouteTable.Routes.GetVirtualPath(this.viewContext.RequestContext, pageLinkValueDictionary);

         if (virtualPathData != null)
         {

            string linkFormat = "<li class=\"page\"><a href=\"{0}\">{1}</a></li>";
            return String.Format(linkFormat, virtualPathData.VirtualPath, linkText);
         }
         else
         {
            return null;
         }
      }
   }
}

使用方法：

<%= Html.Pager(10, (Request["page"].IsNotNull() ? Request["page"].ToInt() : 1), ViewData["Total"].ToInt(), new { category = Request["category"], alphabet = Request["alphabet"] })%>

Controller实现如下：

public ActionResult Index(string page, string category, string alphabet)
{
   .....
   ViewData["Total"] = model.Count();
   return View(model.ToPagedList((page.IsNotNull() ? page.ToInt() - 1 : 0), 10));
}

最后输出：

pager
_{（来源：clip2net.com）}

ASP.NET MVC中嵌套的服务器端块？

3 个答案: