動的にGridViewボタンでJavaScriptをバインドする

Question

私は過去1時間にこれをやろうとしていて、まだ何も得ていません。私はそれを説明しようとしますので、私と一緒にお待ちください：

私はjavascriptを使用してHTMLテーブルを作成し、アイテムがgridviewから選択されるたびに行を追加することによって、一種の要約ショッピングカートを作成しようとしています。

私はボタンを含むTemplateFieldを持つgridviewを持っています。

Property | Quantity | Order | Action 
Pencil | 10 | (textbox) | (button) 
Pen | 5 | (textbox) | (button) 

たぶん、ボタンをHTMLテーブル（要約ショッピングカート）に新しい行を挿入しますonclientclickイベントがあります：GridViewのは、次のようになります。

<SCRIPT language="javascript"> 
     function addRow(tableID,property,order) { 

     var table = document.getElementById(tableID); 

     var rowCount = table.rows.length; 
     var row = table.insertRow(rowCount); 

     var cell1 = row.insertCell(0); 
     cell1.innerHTML = property; 

     var cell2 = row.insertCell(1); 
     cell2.innerHTML = order; 

    } 

このjavascriptを（GridViewの（ボタン）にバインドする方法はわかりませんが）私は（テキストボックス）の値を渡さなければならないので、DataBoundイベントでバインドできません。

Answer 1

これは、jquery liveが必要なように聞こえます。ボタンのフィールドにクラス名を追加し、グリッドのID名を 'grid1'とすると、これは次のようになります。

$('#<%=grid1.ClientID %> .buttonClassName').live('click', function(){ 
    var next = $(this).closest('tr');// this line should find the previous tr 

    next.after('<tr><td>first cell</td><td>Second Cell</td></tr>'); 
}); 

Answer 2

グリッドビューがレンダリングされた後でイベントをアタッチしますか？ jQueryを使用することは可能ですか？

http://forums.asp.net/t/1194696.aspx

上記の溶液がyou.Theのアイデアに役立つかもしれないがjavascriptの方法clicked.Inボタン我々は所望のセルにナビゲートと制御を得ることができますrowIndexプロパティを使用する際にjavascriptの方法にグリッドとrowIndexにを渡すことです。コードを単純化するaddRowの代わりにjqueryをjavascriptで使用することができます。