jQuery单击母版页中的gridview行

Question

我一直试图弄清楚如何允许用户在母版页中单击gridview中的行。 最终，我希望将用户重定向到另一个页面，其中gridview（hiddenfield列）中的值是重定向到的页面的查询字符串值。

这一点我只能进入gridview本身。 我无法从gridview获取行或单元格。

    <script type="text/javascript">
    $(document).ready(function () {
        $('[id$=LeagueGV]').click(function() { alert('gridview  clicked'); });
        //window.location = "/League_Admin.aspx?LID=" + $(this).find('LeagueHidden').value();
        //});
    });
</script>

<asp:GridView runat="server" ID="LeagueGV" DataKeyNames="LeagueID" >
            <Columns>
                <asp:TemplateField>
                    <ItemTemplate>
                        <asp:HiddenField runat="server" ID="LeagueHidden" Value='<%# Eval("LeagueID") %>' />
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField>
                    <ItemTemplate>
                        <asp:Label runat="server" ID="LeagueIDLabel" Text='<%#Eval("LeagueID") %>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:BoundField DataField="LeagueName" HeaderText="League Name" />
            </Columns>
        </asp:GridView>

Answer 1

你有什么问题。 首先，你的GridView的ID不会被渲染为“LeagueGV”，隐藏的字段也不是“LeagueHidden”。 它将被破坏成为其父NamingContainer的ID链的一部分。

其次，使用ID的jQuery语法可以像$('#yourId')一样简单。 您使用的语法是旧的。

第三，我不建议将click事件添加到table或tr 。 这不是许多用户的预期行为，可能会令人困惑。

除非你希望看到不引人注目的Javascript，否则我的第一个建议是使用HyperLinkField而不是TemplateField ，然后你可以覆盖GridView的OnDataBound事件，并在呈现包含LeagueID的链接时添加onclick属性。