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();
            });
        }
    }

任何人都可以建议我如何在Asp.Net Gridview的行点击上调用jquery函数感谢

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>

在行点击Asp.Net Gridview上调用jquery函数

2 个答案: