0

OfferingCategoryModel のリストを含む OfferingCategoriesViewModel があります。

以下のように各 OfferingCategoryModel をビューに表示する方法

http://imgur.com/8fsEg

注: 理想的には、1 行に表示するモデルの数を OfferingCategoriesViewModel に含める必要があります。

私は現在これを持っています：

<table>
    @foreach (var item in Model)
    {
        <tr>
            @foreach (Spice.TimeBank.Models.Category.OfferingCategoryModel category in Model.ListOfCategories)
            {
                <td>@category.Descripton</td>
            }
            -->
            @for (int i = item.Count(); i < 5; i++)
            {
                <td></td>
            }
        </tr>
    }
</table>
4

1 に答える 1

0

そのレイアウトのテーブルの使用について説明していることは知っていますが、実際には<div>css を使用したレイアウトのブロックを使用してfloat: left;、ユーザーの画面解像度とウィンドウ サイズに応じて自己配置レイアウトを取得することをお勧めします。

そうすれば、表示する列の数を気にする必要がなくなり、html とスタイルがきれいになります。

実際、そのように設計すると、DisplayTemplate そのモデルの各 div をレンダリングする 1 つの MVC を作成するだけで、MVC にアイテムの反復処理を心配させることができます。

編集: ここで使用方法の詳細を確認できますfloat: 4 番目のチュートリアルは、あなたのものとほぼ同じレイアウトの例を示しているため、特に興味深いかもしれません。

また、フローティング要素を使用した別の非常に優れた情報源と、視覚的な例もあります.

于 2012-05-20T15:53:44.467 に答える