MVC分页与部分视图

时间:2012-05-01 09:58:31

标签: asp.net-mvc paging

我是一个相对较新的MVC用户,并且很难让分页在MVC中正常工作。

基本上我有大量的搜索结果在局部视图中呈现(使用类似的开始表单方法):

using (Ajax.BeginForm("Search", "Home", new AjaxOptions
{
    HttpMethod = "GET",
    InsertionMode = InsertionMode.Replace,
    UpdateTargetId = "searchResults",
}))
{
    <input type="text" name="searchString" />
    <input type="submit" value="Search" />
}

因此呈现局部视图:

@foreach (var item in @Model)

{

<li>@Html.ActionLink(item.Name, "Result/" + item.Id, "Result")</li>

}

@{if(ViewBag.HasPrevious)
    {
        @Html.ActionLink("<<", "Search", new { searchString = ViewBag.query, page = ViewBag.CurrentPage-1 })
    }
}

@{if(ViewBag.HasNext)
    {
        @Html.ActionLink(">>", "Search", new {  searchString = ViewBag.query, page = ViewBag.CurrentPage+1 })
    }
}

我的问题是&gt;&gt;或&lt;&lt;链接只是创建一个空白页面,其中包含结果列表,并且不会保留“顶部”索引页面的标记。

有没有人有任何想法。

我是这个网站的新手,我会提出任何答案。

1 个答案:

答案 0 :(得分:6)

Html.ActionLink生成普通锚点。当您单击此锚点时,它只是将浏览器重定向到此链接指向的地址。这就是为什么你在新窗口中看到部分内容的原因。

如果您只想刷新页面的一部分而不重定向,则可以使用AJAX链接(Ajax.ActionLink)代替:

@Ajax.ActionLink(
    "<<", 
    "Search", 
    new { 
        searchString = ViewBag.query, 
        page = ViewBag.CurrentPage - 1 
    },
    new AjaxOptions
    {
        HttpMethod = "GET",
        InsertionMode = InsertionMode.Replace,
        UpdateTargetId = "searchResults"
    }
)