如何調用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中，因此建議您在隱藏該控件的代碼后創建一個Property。 我將以下屬性添加到.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;
}