Question

我有一个部分视图，显示列表中的一些搜索结果。出于美观原因，我每行显示两个列表项：

列出项目1 |清单项目2

列出项目3 |列表项目4

等...

我正在使用PagedList实现分页，因为它是部分视图，我使用Ajax.ActionLink来导航每个“分页列表”。例如：

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

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

列出第1项

列出第2项

列出第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>
}

Answer 1

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

在MVC4局部视图中使用PagedList时不受欢迎的行为

1 个答案: