jquery - 在 Asp.Net Gridview 的行单击上调用 jquery 函数

Question

我Asp.Net/C#在我的项目中使用，在我的一个页面中，我有一个GridView并且我正在使用以下行来处理行单击

e.Row.Attributes.Add("onclick", "location='Default.aspx?id=" + e.Row.Cells[0].Text + "'");

这工作正常，但是我需要调用一个显示弹出窗口的 jquery 函数，这里是函数

function ShowDialog(modal) {
        $("#popupmask").show();
        $("#popup").fadeIn(300);

        if (modal) {
            $("#popupmask").unbind("click");
        }
        else {
            $("#popupmask").click(function(e) {
                HideDialog();
            });
        }
    }

谁能建议我如何在行点击时调用 jquery 函数Asp.Net Gridview 谢谢

Answer 1

尝试这样的事情：

$("#<%=GridView1.ClientID%> tr").click(function(){
    alert("Row clicked");
});

Answer 2

有很多方法可以做到这一点，我向您展示了一种简单的方法。

首先，您需要在您的 asp.net 网格代码中编写这些行。

<RowStyle CssClass="myrow" />
<AlternatingRowStyle CssClass="myrow" />

那么你的网格看起来像这样。

<asp:GridView ID="GridView1" runat="server">
   <RowStyle CssClass="one" />
   <AlternatingRowStyle CssClass="one" />

   </asp:GridView>


<script >
    $(function () {
        $('.myrow').click(function () {
           //below line get 1st td of your selected tr of the grid
            console.log($(this).children().eq(0));

            alert('clicked ');
        });
    });

</script>