c# - 在 MVC4 分部 View 中使用 PagedList 时的不良行为

Question

我有一个局部 View ，显示列表中的多个搜索结果。出于美观原因，我每行显示两个列表项的结果:

list item 1 | list item 2

list item 3 | list item 4

etc....

我正在使用 PagedList 实现分页，因为它是一个局部 View ，所以我正在使用 Ajax.ActionLink 来导航每个“分页列表”。例如:

@Ajax.ActionLink("<<", "GetAllProperties", new { page = 1 }, new AjaxOptions { UpdateTargetId = "quick-property-search-results" })

当页面加载时，列表中的所有元素都正确显示 - 每行两个列表元素。但是，当我单击 Next > 时，会显示下一个元素，但格式会消失，如下所示:

list item 1

list item 2

list item 3

etc...

我尝试将实际上为我提供每行两个列表项布局的 css 类作为 html 属性传递给 ActionLinks，但它没有帮助。

有谁知道是什么导致了这种行为 - 以及如何补救它？

编辑:添加了 css 类和 Razor 代码。

.result-container { 
    border: 3px solid #999;
    padding: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    width: 563px; 
    float: left; 
    height:130px;
}


@foreach (var result in Model)
{
    <div class="result-container">
    // output model data...
    </div>
}

Answer 1

为@Ajax.ActionLink 生成的标记是什么样的？我猜这是在您的 ajax 调用之后绑定(bind)到您的动态内容的问题。在 jquery 中，您将使用 .on 事件与 .click 事件。