私はいくつかの高度な検索機能に取り組んでおり、障害に遭遇しました。検索結果にAJAXを使用し、PagedListアドオンを使用してページングを処理したいと思います。検索フィルタークラスと現在のページを取得するAdvancedSearchResultsアクションがあります。問題は、検索Filtersクラスをこのアクションに正しく渡す方法です。これはかなり一般的だと思うので、私が行っていることは正しく整理されていないと確信しています。助けていただければ幸いです。前もって感謝します。
コントローラのアクション:
public ActionResult AdvancedSearchResults(AdvancedSearchFilters searchFilters, int ? page)
{
//DO STUFF
return PartialView("_SearchResults", results);
}
AdvancedSearchResultsフィルター:
public class AdvancedSearchFilters
{
public string SearchText { get; set; }
public List<string> SelectedTableTypes { get; set; }
public List<Guid> SelectedGenreIds { get; set; }
public List<Guid> SelectedPlatformIds { get; set; }
public int YearMax { get; set; }
public int YearMin { get; set; }
public int RatingMin { get; set; }
public int RatingMax { get; set; }
}
検索結果の部分表示:
@model List<SearchResultItem>
@using PagedList
@using PagedList.Mvc
<!-- 15 Per Page -->
<h2>Search Results</h2>
@if (ViewBag.OnePageOfSearchItems.Count > 0)
{
<div class="pagination">
@Html.PagedListPager((IPagedList)ViewBag.OnePageOfSearchItems, page => Url.Action("AdvancedSearchResults", "Search", new { searchFilters = ViewBag.AdvancedSearchFilters, page = page }),
PagedListRenderOptions.EnableUnobtrusiveAjaxReplacing(PagedListRenderOptions.OnlyShowFivePagesAtATime, "#main-results"))
</div>
foreach (var searchResultItem in Model)
{
<a href="@Url.Action(searchResultItem.ResultType, searchResultItem.ResultType, new { id = searchResultItem.ResultId })" class="result">
@if (searchResultItem.ProfileImageLocation != null)
{
<img src="@searchResultItem.ProfileImageLocation" alt="@searchResultItem.ResultName" />
}
<div class="result-info">
<h3>@searchResultItem.ResultName</h3>
<p>@searchResultItem.DisplayText</p>
</div>
</a>
}
<div class="pagination">
@Html.PagedListPager((IPagedList)ViewBag.OnePageOfSearchItems, page => Url.Action("AdvancedSearchResults", "Search", new { searchFilters = ViewBag.AdvancedSearchFilters , page = page }),
PagedListRenderOptions.EnableUnobtrusiveAjaxReplacing(PagedListRenderOptions.OnlyShowFivePagesAtATime, "#main-results"))
</div>
}
else
{
<span>No Matches.</span>
}