javascript - 使用 jQuery 获取选定行的隐藏列的值

Question

我有一个包含 1 个隐藏列和 6 个列的 gridview。当用户单击行中的按钮但它没有选择隐藏列时，我试图获取隐藏列行的值。它获取第一列的值，即第一个可见列 (FirstName)。

有没有办法获取隐藏列(UserID)的值？

这是我的:

C#

<asp:GridView ID="gvUsers" runat="server" AutoGenerateColumns="false" class="table table-bordered" ClientIDMode="Static" DataKeyNames="UserID, Firstname" OnRowCommand="gvUsers_RowCommand" OnRowDeleting="gvUsers_RowDeleting">
    <Columns>
        <asp:BoundField DataField="UserID" Visible="false" HeaderText="UserID" />
        <asp:BoundField DataField="FirstName" HeaderText="First Name" />
        <asp:BoundField DataField="LastName" HeaderText="Last Name" />
        <asp:BoundField DataField="Username" HeaderText="Username" />
        <asp:BoundField DataField="Phone" HeaderText="Cellphone Number" SortExpression="EventDescription" />
        <asp:BoundField DataField="Email" HeaderText="Email" SortExpression="EventDescription" />
        <asp:TemplateField HeaderText="Action">
            <ItemTemplate>
                <asp:Button ID="btnTest" runat="server" Text="Button" />
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

jQuery:

<script type="text/javascript">
    $(function () {
        $('[id*=btnTest]').on("click", function () {
            var id = $(this).closest("tr").find('td:eq(0)').text();
            alert(id);
            return false;
        });
    });
</script>

请协助我如何在单击按钮时获取隐藏列值。谢谢。

Answer 1

最简单的方法是将它添加到隐藏元素中的 TemplateField

<asp:TemplateField>
    <ItemTemplate>
        <span style="display:none"><%# Eval("UserID") %></span>

        <asp:Button ID="btnTest" runat="server" Text="Button" />
    </ItemTemplate>
</asp:TemplateField>

并将脚本修改为

var id = $(this).closest("tr").find('span').html();

更新

如@Taplar 所述，您还可以使用属性。但是您需要将它们添加到 RowDataBound 事件中。

if (e.Row.RowType == DataControlRowType.DataRow)
{
    DataRowView row = e.Row.DataItem as DataRowView;

    e.Row.Attributes.Add("data-userid", row["userid"].ToString());
}

脚本会变成

var id = $(this).closest("tr").data('userid');