2011-09-12 30 views
0

各レコードに2行のWebGridを使用してデータを表示するのに問題があります。レコードごとに2行のASP.NET MVC3 Webgrid

私のデータは表形式で表示する必要がありますが、列が多すぎるため、実際に列の1つがデータ(完全なアドレス)が大きすぎるため、レコードごとに2行に表示します。

どのように私はこれを達成することができますか?ありがとうございました。

私はレコードごとに表示したいテーブルマークアップの簡単な例を示します。

<tr> 
<td> 
    123456 
</td> 
<td> 
    string 
</td> 
<td> 
    string 
</td> 
<td> 
    <input type="checkbox" name="ProductIds" value="1"> 
</td> 
</tr> 
<tr> 
<td colspan="4"> 
    <div> 
    </div> 
</td> 
</tr> 

答えて

0
<tr><td> 
<table> 
<tr> 
<td>123456</td> 
<td>string</td> 
<td>string</td> 
<td><input type="checkbox" name="ProductIds" value="1" /></td> 
</tr> 
<tr><td colspan="4">http://link</td></tr> 
</table> 
</td></tr> 
+0

お返事ありがとうございました。だから、あなたは私のwebgridに影響を与える各レコードのための単一の列だけを持つ入れ子になったテーブルを持っていることを示唆した?この設定では、foreach()ループを使用するだけの利点がありますか? – user895852

+0

私は がここでのサンプルコード である私は タイプのメイクモデル(最初の行) カラーregisteration(第2行)のような2行の単一のレコードを表示したいのWebGridを持ってhttp://stackoverflow.com/questions/22885863/show-one-row-of-record-as-multiple-rows-in-webgrid。これを行うには? – Wasfa

0

は、私は1列のみでグリッドを作成します。次に、grid.Columnの2番目のパラメータであるformatがFunc型であるという事実を使用します。そのため、あなたは新しいHtmlStringを作成するためにこれを使用することができます:

grid.Column("AnyOldColumnName", format: item => new HtmlString(// Code to render a table with two rows)) 

すなわち、2つのカラムを持つテーブルをレンダリングするためにラムダ関数内の項目のパラメータを使用します。

私は決してこれをやったことがなく、どのようなパフォーマンスがあるのか​​分かりません。しかし、私はそれが最善の策だと思います。

0
@grid.GetHtml(tableStyle: "webgrid1", columns: grid.Columns(grid.Column(grid.Column(format: item => new HtmlString("<table>"+ 
             "<tr>"+ "<td>"[email protected]+"</td>"+"<td>"[email protected]+"</td>"+"<td>"[email protected]+"</td>"                   
             +"</tr>" +"<tr>"+ "<td>"[email protected]+"</td>"+"<td>"[email protected]+"</td>" 
             +"<td>"[email protected]tem.Field3+"</td>" +"</tr>" +"<tr>"+ "<td>"[email protected]+"</td>" 
             +"<td>"[email protected]+"</td>" +"<td>"[email protected]+"</td>" +"</tr>"+"<tr>"+ 
             "<td>"+"</td>"+ "<td>"[email protected]+"</td>" +"<td>"[email protected]+"</td>" 
             +"<td>"[email protected]+"</td>" +"</tr>" +"</table>")))) 
関連する問題