在 GridView 中自动完成

我似乎无法让它发挥作用。我确定这将是一系列问题（除非有人可以向我展示一些工作示例），但首先...

我收到一条错误消息：

The name 'txtNewSongName' does not exist in the current context

这是我的 asp.net 代码的相关部分： $(function () { NewEmptyTrackName();

    });

    var prm = Sys.WebForms.PageRequestManager.getInstance();
    if (prm != null) {
        prm.add_endRequest(function (sender, e) {
            if (sender._postBackSettings.panelsToUpdate != null) {
                NewEmptyTrackName();

            }
        });
    };

    function NewEmptyTrackName() {

        $("#<%=txtNewSongName.ClientID %>").autocomplete({
                source: function (request, response) {

                    $.ajax({
                        url: '<%=ResolveUrl("~/AutocompleteSetlist.asmx/SongCompletionList") %>',
                        data: "{ 'cSong': '" + request.term + "'}",
                        dataType: "json",
                        type: "POST",
                        contentType: "application/json; charset=utf-8",
                        success: function (data) {
                            response($.map(data.d, function (item) {
                                return {
                                    label: item.split('|')[0],
                                    val: item.split('|')[1]
                                }
                            }))
                        },
                        error: function (response) {
                            alert(response.responseText);
                        },
                        failure: function (response) {
                            alert(response.responseText);
                        }
                    });
                },
                select: function (e, i) {
                    $("#<%=hfNewSongName.ClientID %>").val(i.item.val);
            },
            minLength: 1
            });
        };
</script>

<asp:Panel runat="server" ID="ShowDiv3" Visible="false" BorderStyle="Solid" BorderWidth="0"  Width="1389px">
    <asp:Label ID="lblShowSetlist" runat="server" Text="Setlist:" Font-Bold="true"></asp:Label>
    <br />
    <%-- This line needed to be commented out when paging was removed: AllowPaging="True"  AllowCustomPaging="True" PageSize="10" --%>
    <div id="divGrid3" style='width:800px; overflow:auto'>
        <asp:GridView ID="DataGrid_Setlist" runat="server" ShowHeaderWhenEmpty="true"
            AllowSorting="True" OnSorting="DataGrid_Setlist_Sorting" AutoGenerateColumns="False" ShowFooter ="true" CellPadding="1" 
            CssClass="hoverTable"
            HeaderStyle-BackColor="#4DA6A6" HeaderStyle-BorderColor="#4DA6A6" 
            HeaderStyle-Font-Size="Small" HeaderStyle-ForeColor="White"
            FooterStyle-BackColor="#4DA6A6" FooterStyle-BorderColor="#4DA6A6" FooterStyle-ForeColor="White"
            DataKeyNames="DateID"
            OnDataBound="DataGrid_Setlist_OnDataBound"
            OnRowDataBound="DataGrid_Setlist_RowDataBound"
            OnRowCancelingEdit="DataGrid_Setlist_CancelCommand"   
            OnRowEditing="DataGrid_Setlist_EditCommand" 
            OnRowDeleting="DataGrid_Setlist_DeleteCommand"
            OnRowUpdating="DataGrid_Setlist_UpdateCommand">  

                <EmptyDataTemplate>
                    <columns>
                        <asp:TemplateField HeaderText="Song Order">  
                            <ItemTemplate>
                                <asp:TextBox ID="txtNewSongOrder" runat="server" Width="100px"></asp:TextBox>
                            </ItemTemplate>  
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Song Name">  
                            <ItemTemplate>
                                <asp:TextBox ID="txtNewSongName" runat="server" Width="370px"></asp:TextBox>
                            </ItemTemplate>  
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Song Name">  
                            <ItemTemplate>
                                <asp:HiddenField ID="hfNewSongName" runat="server"></asp:HiddenField>
                            </ItemTemplate>  
                        </asp:TemplateField>
                        <FooterTemplate>
                            <asp:Button ID="btn_Add" runat="server" Text="Add" OnClick="DataGrid_Setlist_RowCreated" />
                        </FooterTemplate>
                    </columns>  
                </EmptyDataTemplate>

                <Columns>  

                    <asp:TemplateField HeaderText="Song Order">  
                        <ItemTemplate>  
                            <asp:Label ID="lblSongOrder" runat="server" Width="100px" Text='<%#Eval("SongOrder") %>'></asp:Label>  
                        </ItemTemplate>  
                        <EditItemTemplate>  
                            <asp:TextBox ID="txtNewSongOrder" runat="server" Width="100px" Text='<%#Eval("SongOrder") %>'></asp:TextBox>  
                        </EditItemTemplate>  
                        <FooterTemplate>  
                            <asp:TextBox ID="txtNewSongOrder" runat="server" Width="100px" ></asp:TextBox>  
                        </FooterTemplate>
                    </asp:TemplateField>                 

                    <asp:TemplateField HeaderText="Song Name">  
                        <ItemTemplate>  
                            <asp:Label ID="lblSongID" runat="server" Width="370px" Text='<%#Eval("SongID") %>'></asp:Label>  
                        </ItemTemplate>  
                        <EditItemTemplate>  
                            <asp:TextBox ID="txtNewSongName" runat="server" Width="370px" Text='<%#Eval("SongID") %>'></asp:TextBox>  
                        </EditItemTemplate>  
                        <FooterTemplate>  
                            <asp:TextBox ID="txtNewSongName" runat="server" Width="370px" ></asp:TextBox>  
                        </FooterTemplate>
                    </asp:TemplateField>   

                    <asp:TemplateField ItemStyle-Width="90px">  
                    <ItemTemplate>  
                            <asp:Button ID="btn_Edit" runat="server" Text="Edit" CommandName="Edit" />  
                    </ItemTemplate>  
                    <EditItemTemplate>  
                            <asp:Button ID="btn_Update" runat="server" Text="Update" CommandName="Update"/>  
                            <asp:Button ID="btn_Cancel" runat="server" Text="Cancel" CommandName="Cancel"/>  
                    </EditItemTemplate>  
                    <FooterTemplate>
                        <asp:Button ID="btn_Add" runat="server" Text="Add" OnClick="DataGrid_Setlist_RowCreated" />
                    </FooterTemplate>
                    </asp:TemplateField>  
                    <asp:TemplateField>  
                    <ItemTemplate>  
                            <asp:Button ID="btn_Delete" runat="server" OnClientClick="javascript:return confirm('Are you sure?');" Text="Delete" CommandName="Delete" />  
                    </ItemTemplate>  
                    </asp:TemplateField>        

                </Columns>  
        </asp:GridView>  
        <asp:Label ID="lblEmpty1" runat="server" Visible="false" Style="font-weight:bold; font-size:large;"></asp:Label>
    </div> 
</asp:Panel>

我想要做的是按特定顺序输入歌曲。正在使用自动完成网络服务填充歌曲名称。我已经在其他几个页面上使用了 Web 服务，所以我确定这没问题，但我不擅长 Javascript 并且无法弄清楚为什么当文本框位于 GridView 中时，代码不起作用。