如何在 ASP.NET GridView 中查找控件的客户端 ID？

Question

我有一个 asp:GridView，其中包含 TemplateField 中的 asp:TextBox。 我想获取它的 ID 以在 javascript 中使用。 是这样的：

<asp:TemplateField>
    <ItemTemplate>
        <asp:TextBox ID="textDateSent" runat="server" />
        <input type="button" value='Today' 
            onclick="setToday('<%# textDateSent.ClientID %>');" />
    </ItemTemplate>
</asp:TemplateField>

但是当我编译时，出现错误：

当前上下文中不存在名称“textDateSent”

有人知道如何获取此文本框的客户端 ID 吗？

Answer 1

您可以像这样获取客户端 ID：

protected void Gv_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        string strClientID = ((TextBox)e.Row.FindControl("txtName")).ClientID;
    }
}

这将为所有行中的每个文本框提供唯一的客户端 ID。

Answer 2

我只是这样做......

var tbl = document.getElementById('<%=GridView.ClientID%>');
var checkBox = tbl.rows[i].cells[11].getElementsByTagName("input")[0].id;

单元格应该始终相同，并且它会被渲染到输入中。 如果该单元格中有多个输入，您可能必须更改末尾的数字。 这将为您提供输入对象的新 clientid/id（复选框或其他内容）

Answer 3

这就是我所做的。 在 aspx 页面中，我只是将整个对象传递给了 javascript 函数，所以我什至不需要客户端 ID。 就我而言，该对象是 GridView 的 EditItemTemplate 中的下拉列表。 我在 aspx 代码中添加了一个 html onchange(this) 事件。




这是我的 javascript

function custReqRegionsDDLOnChange(myDDL)
    {
        alert('selected text=' + myDDL.options[myDDL.selectedIndex].text);

}

Answer 4

尝试这个：

<asp:TemplateField>
    <ItemTemplate>
        <asp:TextBox ID="textDateSent" runat="server">
        </asp:TextBox>                      
       <input type="button" value='Today' onclick="setToday('<%# ((GridViewRow)Container).FindControl("textDateSent").ClientID %>');" /> 
    </ItemTemplate>
</asp:TemplateField>

Answer 5

也许您不想在需要 ClientID 的地方执行此操作。 查看这篇文章 此处以通用方式引用行中的控件。

Answer 6

将 <%# textDateSent.ClientID %> 更改为 <%= textDateSent.ClientID %>。

呃，您可能需要使用网格视图的 OnDataBinding 事件。 然后在你的 javascript 中放入一个文字控件。 然后您可以获得文本框的 clientID 并将其输入到文字控件中。

protected void GridViewName_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            //Create an instance of the datarow
            DataRowView rowData = (DataRowView)e.Row.DataItem;

            //locate your text box
            //locate your literal control
            //insert the clientID of the textbox into the literal control
        }
    }

在这里查看非常详细的教程 在此背景下开展工作。