局部视图分页问题：点击分页按钮时头部视图被重载且单选框重置

我来帮你搞定这个问题！核心就是要确保分页操作通过Ajax局部刷新完成，只替换列表所在的容器，完全不碰筛选头部区域。下面一步步调整你的代码：

先把你的主视图结构调整成这样，让筛选头部和分页列表彻底分离，Ajax只会更新列表容器：

@* 筛选头部 - 这个区域永远不会被Ajax刷新 *@
@{ Html.RenderPartial("_viewHeader"); }

@* 分页列表专属容器 - 只有这里会被Ajax替换内容 *@
<div id="pagedListContainer">
    @{ Html.RenderPartial("_partialView", Model); }
</div>

@* 可选：加个加载提示，Ajax请求时显示 *@
<div id="loading" style="display:none;">加载中...</div>

修改你现有的Html.PagedListPager代码，重点是指定Ajax要更新的目标容器，同时带上所有筛选参数：

@Html.PagedListPager(
    Model,
    page => Url.Action("Index", new { 
        currentFilter = ViewBag.CurrentFilter,
        // 这里必须带上你所有的筛选参数！比如单选按钮的选中值，示例为selectedFilterType
        selectedFilterType = ViewBag.SelectedFilterType,
        page 
    }),
    new PagedListRenderOptions
    {
        EnableUnobtrusiveAjaxReplacing = true,
        AjaxOptions = new AjaxOptions
        {
            HttpMethod = "GET",
            UpdateTargetId = "pagedListContainer", // 对应上面的列表容器ID
            LoadingElementId = "loading" // 可选，加载时显示提示
        }
    }
)

要确保分页时不会丢失用户选择的筛选值，控制器的Index方法需要把筛选参数存到ViewBag里，同时处理首次请求和分页请求的参数逻辑：

public ActionResult Index(string currentFilter, string selectedFilterType, int? page)
{
    // 切换筛选条件时，重置到第一页
    if (selectedFilterType != null)
    {
        page = 1;
    }
    // 分页请求时，沿用之前的筛选值
    else
    {
        selectedFilterType = currentFilter;
    }

    // 把筛选值存到ViewBag，传给视图保持单选按钮选中状态
    ViewBag.CurrentFilter = selectedFilterType;
    ViewBag.SelectedFilterType = selectedFilterType;

    // 你的数据查询逻辑，根据selectedFilterType过滤数据
    var filteredData = db.YourDataSource.Where(item => item.Type == selectedFilterType)...;

    int pageSize = 10;
    int pageNumber = (page ?? 1);
    return View(filteredData.ToPagedList(pageNumber, pageSize));
}

在_viewHeader里，根据ViewBag里的筛选值设置单选按钮的选中状态：

@* 示例：假设单选按钮name为selectedFilterType *@
<label>
    <input type="radio" name="selectedFilterType" value="TypeA" 
           @(ViewBag.SelectedFilterType == "TypeA" ? "checked" : "") />
    类型A
</label>
<label>
    <input type="radio" name="selectedFilterType" value="TypeB" 
           @(ViewBag.SelectedFilterType == "TypeB" ? "checked" : "") />
    类型B
</label>

在你的布局页或当前视图里，必须加载这两个脚本，否则Ajax局部刷新不会生效：

<script src="~/Scripts/jquery.min.js"></script>
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>

这样调整后，点击分页按钮时，只会通过Ajax请求获取新的分页数据，然后替换列表容器的内容，筛选头部完全不会被重载，单选按钮的选中状态也会一直保持啦！

内容的提问来源于stack exchange，提问作者omicron