javascript - 如何使用jquery获取gridview内标签的文本值

Question

我想获取标签的文本值。这个标签放在gridview中。然后我如何通过 Jquery 单击按钮获得它的值。该按钮也放置在gridview 内。

这是我的代码：

 <asp:GridView ID="gvCustomers" runat="server" AutoGenerateColumns="false">
                            <Columns>
                                <asp:TemplateField HeaderText="ID">
                                    <ItemTemplate>
                                        <asp:Label ID="lblBEid" Text='<%# Eval("BusinessEntityID") %>' runat="server" />
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Name">
                                    <ItemTemplate>
                                        <asp:Label ID="lblName" Text='<%# Eval("FirstName") %>' runat="server" />
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Modified Date">
                                    <ItemTemplate>
                                        <asp:Label ID="lblDate" Text='<%# Eval("ModifiedDate") %>' runat="server" />
                                        <asp:LinkButton ID="lnk" Text="Click Here" runat="server" OnClientClick="getValue();" />
                                    </ItemTemplate>
                                </asp:TemplateField>
                            </Columns>
                        </asp:GridView>

请帮帮我。提前致谢。

Answer 1

我想这个会起作用的。但它只是原始代码。我没有测试过。

    //LinkButton
<asp:LinkButton ID="lnk" Text="Click Here" runat="server" OnClientClick="getValue(this);" />

     //function
    <script type="text/javascript">
        function getValue(element){
            var tr = $(element).closest('tr');
            var ID = $(tr).find('span[id*="lblBEid"]').text();
            var Name = $(tr).find('span[id*="lblName"]').text();
            var Date = $(tr).find('span[id*="lblDate"]').text();
            alert(ID+','+Name+','+Date);
        }
    </script>

如果您可以为每一行提供一个 css 类，那就更好了。喜欢：RowStyle-CssClass="grid-row"

然后我可以将我的代码更改为：

var tr = $(element).closest('.grid-row');

并且会更加稳定

Answer 2

您需要RowDataBound事件，您可以在其中访问由 asp.net 创建的每一行。

在后面的代码中

protected void gvCustomers_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if ((e.Row.RowType == DataControlRowType.DataRow))
    {
       LinkButton lnk = (LinkButton) e.Row.FindControl("lnk");
       Label lblName= (Label) e.Row.FindControl("lblName");                      
       lnk.Attributes.Add("onclick", "getValue(" + lblName.ClientID + ");"
    }

 }

在 JavaScript 中

function getValue(lblId)
{
     alert($(lblId).text());
}