用于搜索表单的 ASP.NET MVC 分页

Question

我读过几篇关于 MVC 中分页的文章，但没有一篇文章描述了这样的场景：我有一个类似搜索表单的内容，然后希望在用户单击“提交”后在表单下方显示搜索条件（带分页）的结果。

我的问题是，我正在使用的分页解决方案将创建 将传递所需页面的链接，如下所示： http://mysite.com/search/2/ 虽然这一切都很好，但我没有将查询结果发送到内存中的数据库或任何其他内容，因此我需要再次查询数据库。

如果结果由 /Search 的 POST 控制器操作处理，并且数据的第一页也如此呈现，当用户单击移动到时，如何获得相同的结果（基于用户指定的表单条件）第 2 页？

一些 JavaScript 巫术？利用会话状态？使我的 GET 控制器操作具有搜索条件所需的相同变量（但可选），当调用 GET 操作时，实例化一个 FormCollection 实例，填充它并将其传递给 POST 操作方法（从而满足 DRY）？

有人可以为我指出这种情况的正确方向或提供过去已实施的示例吗？谢谢！

Answer 1

我的方法是使用一个 Action 来处理 post 和 get 场景。

这是我的，可以通过 GET 和 POST 方法处理：

public ViewResult Index([DefaultValue(1)] int page,
                        [DefaultValue(30)] int pageSize,
                        string search,
                        [DefaultValue(0)] int regionId,
                        [DefaultValue(0)] int eventTypeId,
                        DateTime? from,
                        DateTime? to)
{
    var events = EventRepo.GetFilteredEvents(page, pageSize, search, regionId, eventTypeId, from, to);
    var eventFilterForm = EventService.GetEventFilterForm(from, to);

    var eventIndexModel = new EventIndexModel(events, eventFilterForm);

    return View("Index", eventIndexModel);
}

eventFilterForm 是一个表示模型，其中包含我的搜索表单的一些 IEnumerable 属性。

eventIndexModel 是一个表示模型，它结合了 eventFilterForm 和搜索结果 - events

events 是一个IPgedList 的特殊类型。您可以在此处 和此处。第一个链接讨论 IPgedList，而第二个链接有您应该需要的高级分页方案。

高级分页具有我使用的以下方法：

public static string Pager(this HtmlHelper htmlHelper, int pageSize, int currentPage, int totalItemCount, RouteValueDictionary valuesDictionary)

我像这样使用它：

<%= Html.Pager(Model.Events.PageSize,
               Model.Events.PageNumber,
               Model.Events.TotalItemCount,
               new
               {
                   action = "index",
                   controller = "search",
                   search = ViewData.EvalWithModelState("Search"),
                   regionId = ViewData.EvalWithModelState("RegionId"),
                   eventTypeId = ViewData.EvalWithModelState("EventTypeId"),
                   from = ViewData.EvalDateWithModelState("From"),
                   to = ViewData.EvalDateWithModelState("To")
               }) %>

这将创建如下所示的链接：

/event/search?regionId=4&eventTypeId=39&from=2009/09/01&to=2010/08/31&page=3

HTH，
查尔斯

·诗篇。 EvalWithModelState 如下：

PP。如果您要将日期放入 get 变量中 - 我建议阅读 我的博客文章...:-)

/// <summary>
/// Will get the specified key from ViewData. It will first look in ModelState
/// and if it's not found in there, it'll call ViewData.Eval(string key)
/// </summary>
/// <param name="viewData">ViewDataDictionary object</param>
/// <param name="key">Key to search the dictionary</param>
/// <returns>Value in ModelState if it finds one or calls ViewData.Eval()</returns>
public static string EvalWithModelState(this ViewDataDictionary viewData, string key)
{
    if (viewData.ModelState.ContainsKey(key))
        return viewData.ModelState[key].Value.AttemptedValue;

    return (viewData.Eval(key) != null) ? viewData.Eval(key).ToString() : string.Empty;
}

Answer 2

使搜索参数成为视图模型的一部分：

public SearchViewModel
{
    string SearchParameters { get; set; }
    List<SearchObjects> SearchResults { get;set; }
}

然后只需将搜索文本框设置为等于SearchParameters。

您无法“存储”搜索查询，除非您返回所有结果，然后以某种方式将它们存储在页面中。这是极其低效的。网络是无状态的，因此您必须返回数据库并重新查询以获得更多结果。

Answer 3

我明白你在说什么；您可以更改表单以使用按钮并每次都将页面发回。或者，您可以将分页 URL 中的所有条件作为查询字符串变量传递。或者您可以使用 JQuery 进行发布（它有一个 $.post 方法，可以通过链接单击或其他单击调用（http://api.jquery.com/jQuery.post/）

。

Answer 4

如果您在查询字符串中包含搜索文本以及当前结果页面而不是发布搜索文本，则此问题就会消失。作为一个额外的好处，您的用户可以为他们的搜索结果添加书签。

为此，您的搜索按钮只需使用搜索框的当前值构建 GET 请求 URL。这可以通过 JavaScript 或使用 GET 作为搜索表单的方法属性来完成，例如

。

Answer 5

我建议缓存您的搜索结果并为其提供一个 ID。然后，对于每个分页链接，您可以引用搜索 ID 作为参数（在每个搜索页面链接上），并在您的操作中，从缓存中提取它，然后对其进行查询。

使用此方法，除了搜索表单的第一个 POST 提交之外，您无需担心任何其他事情。

请参阅我的帖子了解更多详细信息。

Answer 6

我也遇到了同样的问题，这就是我所做的。

1. 从 Nuget 下载 PagedList
2. 更改您的表单以执行 GET 并创建一个与此类似的 ViewModel 类型（如果您像我一样喜欢 AdventureWorks 和模型绑定）：

`

using PagedList;
namespace SearchFormResultPagingExample.Models {

  public class SearchViewModel {
    public int? Page { get; set; }
    public string EmailAddress { get; set; }
    public string LastName { get; set; }
    public IPagedList<Contact> SearchResults { get; set; }
    public string SearchButton { get; set; }
  }
}

`

3.使用 ViewModel 作为控制器操作方法的参数

using System.Linq;
using System.Web.Mvc;
using SearchFormResultPagingExample.Models;
using PagedList; //NOTE: use Nuget to reference PagedList

namespace SearchFormResultPagingExample.Controllers {
    public class SearchController : Controller {
        const int RecordsPerPage = 25;

        public ActionResult Index(SearchViewModel model) {
            if (!string.IsNullOrEmpty(model.SearchButton) || model.Page.HasValue) {
                var entities = new AdventureWorksEntities();
                var results = entities.Contacts.Where(c => c.LastName.StartsWith(model.LastName) && c.EmailAddress.StartsWith(model.EmailAddress))
                    .OrderBy(o => o.LastName);

                var pageIndex = model.Page ?? 0;
                model.SearchResults = results.ToPagedList(pageIndex, 25);
            }
            return View(model);
        }
    }
}

使用视图中的寻呼机：

@model SearchFormResultPagingExample.Models.SearchViewModel
@using PagedList.Mvc;

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@using (Html.BeginForm("Index", "Search", FormMethod.Get)) {
    @Html.ValidationSummary(false)
    <fieldset>
        <legend>Contact Search</legend>

        <div class="editor-label">
            @Html.LabelFor(model => model.EmailAddress)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.EmailAddress)
            @Html.ValidationMessageFor(model => model.EmailAddress)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.LastName)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.LastName)
            @Html.ValidationMessageFor(model => model.LastName)
        </div>

        <p>
            <input name="SearchButton" type="submit" value="Search" />
        </p>
    </fieldset>
}

@if (Model.SearchResults != null && Model.SearchResults.Count > 0) {
    foreach (var result in Model.SearchResults) {
            <hr />
            <table width="100%">
                <tr>
                    <td valign="top" width="*">
                        <div style="font-weight: bold; font-size:large;">@result.LastName, @result.FirstName</div>
                        @result.Title<br />
                        @result.Phone<br />
                        @result.EmailAddress
                    </td>
                </tr>
            </table>
    }
        <hr />

        @Html.PagedListPager(Model.SearchResults,
            page => Url.Action("Index", new RouteValueDictionary() {
               { "Page", page }, 
               { "EmailAddress", Model.EmailAddress },
               { "LastName", Model.LastName }
            }),
            PagedListRenderOptions.PageNumbersOnly)
}

MVC 会将查询字符串强制传入和传出 ViewModel 类型参数。非常光滑！