Mvc WebGridの2つの列を単一のオブジェクトで表示する方法

Question

私はMVCに新規で、WebGridの下に2列のユーザーの名前を表示したいとします。

以下の形式で現在のWebグリッド表示データ。

私はWebGridList<string>と結合していますが、リストには、ユーザー名が含まれています。

マイコントローラー

public ActionResult Index() 
{ 
    List<string> userList = new List<string>(); 
    userList.Add("User1"); 
    userList.Add("User2"); 
    userList.Add("User3"); 
    userList.Add("User4"); 
    return View(userList); 
} 

マイCSHTML

@using (Html.BeginForm()) 
{ 
    var grid = new WebGrid(Model); 
    @grid.GetHtml(columns: grid.Columns(grid.Column(format: (item) => item))); 
} 

Answer 1

あなたの所望の出力は、WebGridコントロールのための右のユースケースではありません。ここではループのための簡単な使用してMVCかみそりビューのテーブル生成ロジックは次のとおりです。

@model List<string> 
<table > 
      @{ 
       for (int i = 1; i <= Model.Count; i++) 
       { 
        if (i % 2 != 0) 
        { 
         @:<tr > 
        } 
        <td style="border:solid;"> 
          @Model[i - 1] 
        </td> 

        if (i % 2 == 0) 
        { 
         @:</tr> 
        } 
        } 
       } 
    </table> 

私は、すべてのテーブルセルの境界を示すために、CSSスタイルstyle="border:solid;"を追加しました。必要に応じてカスタマイズすることができます。

このコードは、テーブルの下に作成されます。