リストから多数の検索結果を表示する部分ビューがあります。美的な理由から、1 行に 2 つのリスト アイテムの結果を表示します。
リスト項目 1 | リスト項目 2
リスト項目 3 | リスト項目 4
等....
私は PagedList でページングを実装しています。これは部分ビューであるため、Ajax.ActionLink
s を使用して各「ページ リスト」をナビゲートしています。例えば:
@Ajax.ActionLink("<<", "GetAllProperties", new { page = 1 }, new AjaxOptions { UpdateTargetId = "quick-property-search-results" })
ページが読み込まれると、リストのすべてのアイテムが正しく表示されます (1 行に 2 つのリスト アイテム)。ただし、 をクリックNext >
すると、次の項目が表示されますが、次のように書式設定が消えます。
リスト項目 1
リスト項目 2
リスト項目 3
等...
ActionLinks への html 属性として実際に行ごとに 2 つのリスト項目のレイアウトを提供する css クラスを渡そうとしましたが、役に立ちませんでした。
この動作の原因とその修復方法を知っている人はいますか?
編集: css クラスとカミソリ コードを追加しました。
.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>
}