2016-05-17 7 views
0

テーブルの列と行を動的に作成するテーブルを追加しました。 私が今しようとしているのは、を編集して、そのテーブルの各行にボタンを追加することです。私は2つのTDのは、テーブルの行を作成for..eachループwihthinボタンを含む確定しようとしたことを達成するためにdataTableの各行にボタンを追加するにはどうすればいいですか?

.:

@foreach (var cell in row.ItemArray) { 
    <td style="word-wrap:break-word;font-size:11px">@cell.ToString()</td> 
    <td><a class="btn-success">Edit</a></td> 
    <td><a class="btn-danger">Delete</a></td> 
} 

しかし、これはすべての行の各セルへの2つのボタンを追加意図された結果ではありません。

質問:

ボタンが動的にデータテーブルに行ごとに作成することができますか?テーブルの

Razrのマークアップ:

<table id="escalation" class="table table-striped table-bordered" cellspacing="0" width="100%"> 
    <thead> 
     <tr> 
      @foreach (System.Data.DataColumn col in Model.Columns) 
      { 
       <th style="font-size: 12px; border-right: 1px solid #7591ac; ">@col.Caption</th> 

      } 
     </tr> 
    </thead> 
    <tbody> 
     @foreach (System.Data.DataRow row in Model.Rows) 
     { 
      <tr> 
       @foreach (var cell in row.ItemArray) 
       { 
        <td style="word-wrap:break-word;font-size:11px">@cell.ToString()</td> 
        <td><a class="btn-success">Edit</a></td> 
        <td><a class="btn-danger">Delete</a></td> 
       } 

      </tr> 
     } 
    </tbody> 
</table> 
+0

このブログはこの上でいくつかの良い情報を持っており、コレクションアイテムhttp://blog.stevensanderson.com/2010/01/28/editing-a-variable-length-list-を始めるためのnugetパッケージがありますaspnet-mvc-2-style / – twothreebrent

答えて

2

私はこの行によって実行されているので、あなたが最初のforeachにボタンを置くべきだと思います。このコードを使用してください。それは、行の最後に2つのボタンを生成します。

<tbody> 
    @foreach (System.Data.DataRow row in Model.Rows) 
    { 
     <tr> 
      @foreach (var cell in row.ItemArray) 
      { 
       <td style="word-wrap:break-word;font-size:11px">@cell.ToString()</td> 
      } 

      <td><a class="btn-success">Edit</a></td> 
      <td><a class="btn-danger">Delete</a></td> 
     </tr> 
    } 
</tbody> 
関連する問題