ajax - 使用 Ajax 表单和分页 - 在下一页选择时丢失搜索参数

Question

好的 - 肯定有人在我之前做过。

我有一个 Ajax 表单(Ajax 表单助手)，它有一个搜索框和一些用于过滤内容的复选框。搜索结果以部分 View 的形式呈现在下方。见下文:

代码如下:

搜索.cshtml

@using (Ajax.BeginForm("SearchStuff", "FooController", new AjaxOptions
{
    InsertionMode = InsertionMode.Replace,
    HttpMethod = "GET",
    OnFailure = "searchFailed",
    LoadingElementId = "progress",
    UpdateTargetId = "search-results",
}))
{
    <div>
        <div class="search-filter">
            <span class="searchFilter">          
                <input type="checkbox" name="chkAll" checked />
                All
                <input type="checkbox" name="chkJournal" />
                Journal
                <input type="checkbox" name="chkBook" />
                Book
                <input type="checkbox" name="chkBookChapter" />
                Book Chapter
                <input type="checkbox" name="chkReport" />
                Report
                <input type="checkbox" name="chkWebsite" />
                Website
                <input type="checkbox" name="chkPersComm" />
                Personal Comm
                <input type="checkbox" name="chkConference" />
                Conference
                <input type="checkbox" name="chkMap" />
                Map
                <input type="checkbox" name="chkThesis" />
                Thesis 
            </span>
        </div>

        <div class="searchbox">
            <input type="search" name="q" autocomplete="off"/>
            <input class="submit-button" type="submit" value="Search" /> 
        </div> 
    </div>
}

<div id="search-results" class="search-results">

</div>

分页问题

我现在开始尝试变得有点聪明，我已经包含了一个 Ajax 寻呼机，以便在第一组搜索结果中返回分页。

问题是，当用户选择要呈现的下一页时，我必须保留 ajax 搜索表单中的所有值，但是当我在 FooController 中的 SearchStuff 方法中进行调试时 - 它对搜索参数一无所知。谁能建议我应该如何发送搜索参数？

<div class="pager">
    @Html.Raw(
        Ajax.Pager(new AjaxOptions
        {
            UpdateTargetId = "search-results",
            OnBegin = "beginPaging",
            OnSuccess = "successPaging",
            OnFailure = "failurePaging"
        },
                      Model.PageSize,
                      Model.PageNumber,
                      Model.TotalItemCount,


                      new { controller = "FooController", action = "SearchStuff"})
    )
</div>

Answer 1

在新的 AjaxOptions 中使用 HttpMethod="Get"。并使用 Request[] 更改您的 Controller 以获取搜索参数。

引用

Filter is getting lost in WebGrid + Paging + Sorting + Filtering in .NET 4.0