<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type = "text/javascript"> function setAutoComplete() { var textBoxes = document.getElementsByClassName("AutoCompleteTextBox"); for (var i = 0; i < textBoxes.length; i++) { addAutoComplete(textBoxes[i].id); } } function addAutoComplete(hfUserId) { $("#" + hfUserId).autocomplete({ source: function (request, response) { $.ajax({ url: '<%=ResolveUrl("~/Service.asmx/GetUserNames") %>', data: "{ 'prefix': '" + 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) { $("#<%=hfUserId.ClientID %>").val(i.item.val); }, minLength: 1 }); }; { $(document).ready(function () { setAutoComplete(); }); } </script> </head> <body> <form id="form1" runat="server"> <div> <asp:TextBox ID="hfUserId" runat="server"></asp:TextBox> <asp:GridView ID="GridView1" runat="server" AllowPaging="True" DataSourceID="SqlDataSource1" AutoGenerateColumns="False"> <Columns> <asp:TemplateField ItemStyle-Width="150px" HeaderText="Challan No"> <ItemTemplate> <asp:TextBox ID="txt_UID" runat="server" Text='<%# Eval("ChallanNo")%>' CssClass="AutoCompleteTextBox" Width="130px" BackColor="LightGoldenrodYellow"></asp:TextBox> </ItemTemplate> <ItemStyle Width="150px" /> </asp:TemplateField> </Columns> </asp:GridView> </div> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:AmitPandeyConnectionString %>" SelectCommand="SELECT [ChallanNo] FROM [CreateDocket]"></asp:SqlDataSource> </form> <script type = "text/javascript"> $(document).ready(function () { $.each($(".AutoCompleteTextBox"), function (i, textBox) { textBox.autocomplete(txt_UID); }) }); </script> </body> </html>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)