Question

我正在寻求在从左到右的流程中以短标题显示我的图像，而不是作为顺序布局的网格视图。我希望使用webgrid提供的分页，以便不重新创建轮子。

我已经回顾了Leek的博客文章（http://msdn.microsoft.com/en-gb/magazine/hh288075.aspx）和Broer's（http://blog.bekijkhet.com/2011/03/mvc3- webgrid-html-helper-paging.html）以确保我对webgrid的使用有一个可靠的介绍，但是我不知道如何应用分页而不使用webgrid的传统布局。

我正在使用Razor布局。

想法或想法？

我的控制器目前是：

public ActionResult Index(string cid)
{
  Catalog item = new Catalog();
  item.objConnection.Open();
  OdbcDataReader reader = item.getCatalogItems(cid, 3);

  List<Catalog> listItems = new List<Catalog>();

  while (reader.Read())
  {
    Catalog i = new Catalog();
    i.kitName = reader.GetValue(1).ToString();
    i.catalogID = reader.GetValue(0).ToString();
    ViewBag.CatalogName = reader.GetValue(0).ToString(); //TODO: change this to name once in place
    listItems.Add(i);
  }

  ViewBag.ItemsPerCatagory = listItems.Count;

  reader.Close();
  item.objConnection.Close();

  return View(listItems);
}

我的观点：

@model  IEnumerable<MvcApplication1.Models.Catalog>
@{
    ViewBag.Title = ViewBag.CatalogName;
    Layout = "~/Views/Shared/_Layout.cshtml";
}

  <h2>@ViewBag.CatalogName (@ViewBag.ItemsPerCatagory) Items Available</h2>
  <p>
  Category will have a brief description here for seo purposes.
  </p>
  <p>

@foreach (var catalog in Model)
{
  string imageUrl = "http://web3.naeir.org/images/Specials/" + @catalog.kitName + ".JPG";
    <img src=@imageUrl height="150px" width="150px" /> @Html.ActionLink(@catalog.kitName, "Details", "Product", new { cid = @catalog.catalogID, itemid = @catalog.kitName }, null) 
}
  </p>

Answer 1

在对我的代码进行大量攻击后，我发现存在一个简单的选项，我的解决方案是使用MVCPager MVC Pager Website

我能够通过VS Web Developer Express Package Manager NuGet简单地下载它，阅读文档并实现代码。很直接。

ASP.NET MVC3 - 仅分页（不显示WebGrid）

1 个答案: