在MVC4部分视图中使用PagedList时的不良行为

本文关键字:PagedList 不良 MVC4 视图 | 更新日期: 2023-09-27 18:08:47

我有一个局部视图,显示列表中的许多搜索结果。出于美观的考虑,我每行显示两个列表项的结果:

list item 1 | list item 2

list item 3 | list item 4

等等……

我用PagedList实现分页,因为它是一个部分视图,我使用Ajax.ActionLink s来导航每个"页面列表"。如:

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

当页面加载时,列表中的所有项都正确显示—每行两个列表项。但是,当我单击Next >时,显示下一个项目,但格式关闭,如下所示:

list item 1

list item 2

list item 3

等等……

我试着传递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>
}

在MVC4部分视图中使用PagedList时的不良行为

@Ajax.ActionLink生成的标记是什么样子的?我猜这是在ajax调用之后绑定到动态内容的问题。在jquery中,你会使用。on事件和。click事件。