Asp.net 页面列表MVC中的分页问题

我正在使用MVCPagedList处理项目中的分页。除了在我的控制器中，我必须使用“1”（默认页码）初始化pageNumber参数外，一切正常。问题是第1页上的蓝色激活按钮仍然存在，无论单击哪个页面按钮链接。此外，此按钮也缺少actionLink

最后一件事，我正在将我的搜索与分页集成，正如您在控制器代码中看到的那样

这是为我的视图中的页面列表生成的Html

<div class="pagination-container">
    <ul class="pagination">
        <li class="active">
            <a>1</a>
        </li>
        <li>
            <a data-ajax="true" data-ajax-method="GET" data-ajax-mode="replace" data-ajax-update="#searchResult" href="/TrM/Search_Items?keyword=&amp;page=2">2</a>
        </li>
        <li>
            <a data-ajax="true" data-ajax-method="GET" data-ajax-mode="replace" data-ajax-update="#searchResult" href="/TrM/Search_Items?keyword=&amp;page=3">3</a>
        </li>
        <li>
            <a data-ajax="true" data-ajax-method="GET" data-ajax-mode="replace" data-ajax-update="#searchResult" href="/TrM/Search_Items?keyword=&amp;page=4">4</a>
        </li>
        <li class="PagedList-skipToNext">
            <a data-ajax="true" data-ajax-method="GET" data-ajax-mode="replace" data-ajax-update="#searchResult" href="/TrM/Search_Items?keyword=&amp;page=2" rel="next">»</a>
        </li>
    </ul>
</div>

下面是我如何使用分页助手的

Page @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber) of @Model.PageCount
@Html.PagedListPager(Model, page => Url.Action("List_Items", "TrM", new {keyword="", page }), PagedListRenderOptions.EnableUnobtrusiveAjaxReplacing(new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "searchResult" }))

@Model.PageCount的

Page@（Model.PageCountUrl.Action（“列表项”，“TrM”，new{keyword=“”，page}），pagedListRenderOperations.EnableUnobtrusiveAjaxReplacing（new AjaxOptions（）{HttpMethod=“GET”，UpdateTargetId=“searchResult”}））

您的分页控件很可能位于searchResult容器之外。当您单击页面时，您正在替换表，而不是分页控件。将分页控件移动到searchResult容器中

希望这有帮助。

你说得对！谢谢你！“searchResult”标记实际上被放在一个表中。这就是为什么它没有正确地呈现和更新这个DIV。再次感谢！

Page @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber) of @Model.PageCount
@Html.PagedListPager(Model, page => Url.Action("List_Items", "TrM", new {keyword="", page }), PagedListRenderOptions.EnableUnobtrusiveAjaxReplacing(new AjaxOptions() { HttpMethod = "GET", UpdateTargetId = "searchResult" }))