如何调用 GridView 中的文本框

Question

我有一个 GridView，其中一列是一个文本框。当这个文本框被选中时，它会弹出一个片段列表。选择一块时，我需要在文本框中显示该块。

<asp:UpdatePanel ID="udpPieceDetails" UpdateMode="Conditional" runat="server">
                <ContentTemplate>
                    <asp:GridView  style="width:75%;float:left"  
                        ID="gvPieceOutturns" 
                        ShowHeaderWhenEmpty="false"
                        CssClass="tblResults" 
                        runat="server" 
                        OnRowDataBound="gvPieceOutturns_ItemDataBound"                             
                        DataKeyField="ID" 
                        AutoGenerateColumns="false"
                        allowpaging="false"
                        AlternatingRowStyle-BackColor="#EEEEEE">
                        <HeaderStyle CssClass="tblResultsHeader" />
                        <Columns>  
                           <asp:TemplateField HeaderText="Outturn Pce" SortExpression="OutturnPce">
                                <ItemTemplate>
                                    <a style="float:none;width:16px;height:16px;margin-right:0px;left:0px;top:26px" title="Pick Type from list..." class="iconSearch" id="btnMemShowPieceType"></a>  
                                    <input type="text" id="txtMemPieceType" class="lookuppopup" onblur="CheckMemPiece(this.value)"   style="text-transform:uppercase;width:40px" runat="server"/>
                                </ItemTemplate>
                            </asp:TemplateField>     
                        </Columns>
                    </asp:GridView>
                </ContentTemplate>
         </asp:UpdatePanel>  

我在这里尝试填充文本框：

function PopulateMemPiece(result) {
        if (result.ID > 0) {
            $("#<%= hfPieceType.ClientID %>").val(result.ID);
            $("#<%= txtMemPieceType.ClientID %>").val(result.Code);

        } else {
            $("#<%= hfPieceType.ClientID %>").val(0);
            $("#<%= txtMemPieceType.ClientID %>").val("");
        }
    }

但我收到此错误：

错误 2586 名称 'txtMemPieceType' 在当前不存在 上下文

Answer 1

不会

gvPieceOutturns.FindControl("hfPieceType");

工作？

你也可以试试

ClientIDMode="Static"

在您的 TextBoxes 上使用 jQuery。

Answer 2

由于您尝试在 JavaScript 中访问该控件但它嵌套在 Gridview 中，我建议您在解析该控件的代码隐藏中创建一个属性。我会将以下属性添加到 .cs 文件中：

编辑：该控件也嵌套在 TemplateField 中，因此我们需要遍历 Gridview 的行以找到需要更新的所需行。

protected HtmlInputText txtMemPieceType
{
    get { return findMemPieceType(); }
}

private HtmlInputText findMemPieceType()
{
    foreach (GridViewRow row in gvPieceOutturns.Rows)
    {
        if (/* Determine which row has the info you need */)
        {
            return row.FindControl("txtMemPieceType") as HtmlInputText;
        }
    }       
}

您需要想出一种方法来区分需要更新的行。或者，如果有问题的行可以在选择项目时触发像 RowCommand 这样的 Gridview 事件，那么您可以执行类似的操作：

protected HtmlInputText txtMemPieceType { get; set; }

void gvPieceOutturns_RowCommand(Object sender, GridViewCommandEventArgs e)
{
    int index = Convert.ToInt32(e.CommandArgument);
    GridViewRow row = ContactsGridView.Rows[index];
    txtMemPieceType = row.FindControl("txtMemPieceType") as HtmlInputText;
}