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 = “格列”

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

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

如何使用jquery获取gridview中标签的文本值

2 个答案: