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