javascript - 子コントロールをクリックしたときに親グリッドビューイベントを停止する方法は?

Question

GridView にリンクボタンがあります。GridView にはクライアント イベント - 行選択があります。LinkBut​​ton をクリックすると、クライアント イベント (rowselect) が発生します。LinkBut​​ton をクリックしたときに、rowselect クライアント イベントの発生を停止したいと考えています。

解決策はありますか？

例えば。

GridView には 3 行、2 列があります

Column 1 ---- Column 2 [LinkButton]
AAAAAA   ---- test.aspx?ID=001
BBBBBB   ---- test.aspx?ID=002
CCCCCC   ---- test.aspx?ID=003

Client Side JavaScript (fired on GridView row selection)
function DisplayData(gridview row)
{
  //get data from selected row.
}

行の最初の列を選択し、クライアント側のイベントを呼び出すと、問題ありません。ただし、LinkBut​​ton をクリックすると、test.aspx にリダイレクトされます。クライアント側のイベントでは発生しません。

Answer 1

event.stopPropagation を使用して、イベントの伝播を停止できます。サポートしていない古いブラウザのe.stopPropagation()場合は、使用できますe.cancelBubble = true

document.getElementById("<%= yourRadDatePickerID.ClientID %>").onclick = function(e) {

    if(e && e.stopPropagation ) 
    {
        e.stopPropagation();
    } 
    else
    {
          e = window.event;
          e.cancelBubble = true;
    }
}