MVC3 WebGrid：行/列に対してhtmlAttributesを使用できますか？

Question

私はWebGridを使用してMVC3にページング/ソート可能なリストを作成しています。 AJAXを使用して削除呼び出しを行うAJAX対応の削除ボタンを作成しました。その後、テーブルからその行を削除したいと思います。

私がこれを達成したいのは、表の<tr>にidまたはdata-idという属性を付けることです。これにより、jQueryを使用して簡単に操作できるようになります。しかし、私はWebGridを使用するときに行に属性を追加する方法を考えることはできません。

私は属性は簡単そうのようなグリッド・レベルで設定できることを知っている：私は、行/列レベルで同じことを達成する方法がわからないしかし
@grid.GetHtml(htmlAttributes: new { id = "gridMapping", style = "width:100%;" },

。

Answer 1

@grid.GetHtml(
    columns: grid.Columns(
     grid.Column(format: (item) => Html.CheckBox("SelectedInvoice",new { value=item.transactionId})), 
    //// rest of your columns here 
    ) 
) 

このように、htmlAttributesを処理できるHTMLヘルパーメソッドを配置する方法があります。 その他の方法 - フォーマットの組み合わせを使用して：とHtml.Raw そして最後が、最も簡単な場合があります

$('#grid tr').each(function(){ 
    $(this).attr('yourhtmlattribute','value'); 
}); 

と同様の方法で：ジャバスクリプト（jQueryの）

ので、あなたのような何かを試すことができますTDのために。ここで

Answer 2

は、私はcolumsの1にこれを追加設定し、あなたのWebGridでこの

を達成する方法です。

grid.Column("UserName", "User Name", format: @<text><span data-id='@item.Id'>@item.UserName</span></text>, canSort: true), 

いいえいいえ、HTMLグリッドがレンダリングされると、これが表示されます。

<tr jQuery45435434="3"> <span data-userid="1">Fred Smith</span></tr> 
<tr jQuery45435434="4"> <span data-userid="2">Sally Smith</span></tr> 
<tr jQuery45435434="5"> <span data-userid="3">Joe Smith</span></tr>