0

リストから多数の検索結果を表示する部分ビューがあります。美的な理由から、1 行に 2 つのリスト アイテムの結果を表示します。

リスト項目 1 | リスト項目 2

リスト項目 3 | リスト項目 4

等....

私は PagedList でページングを実装しています。これは部分ビューであるため、Ajax.ActionLinks を使用して各「ページ リスト」をナビゲートしています。例えば:

@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>
}
4

1 に答える 1