Auto Complete Textbox asp.net
Auto Complete Textbox asp.net
Autocomplete, when added to an input field, enables users to quickly find and select from a pre-populated list of values as they type, leveraging searching and filtering.
How do you implement it into your own textbox?
Autocomplete, when added to an input field, enables users to quickly find and select from a pre-populated list of values as they type, leveraging searching and filtering.
How do you implement it into your own textbox?
<link href="AutoCompleteJS/jquery-ui.css" rel="stylesheet" type="text/css"></link> <script src="AutoCompleteJS/jquery.min.js" type="text/javascript"> </script> <script src="AutoCompleteJS/jquery-ui.min.js" type="text/javascript"> </script> <asp:textbox id="TextBox1" runat="server" width="251px"></asp:textbox>Add New Item Auto_Complete_Post.ashx
public void ProcessRequest(HttpContext context) { String _searchText = context.Request.QueryString["term"]; PostClass pc = new PostClass(); List<String> abc = pc.GetPostName(); Collection<Auto_PostDTO> collection = new Collection<Auto_PostDTO>(); Auto_PostDTO _IdValue; foreach (String str in abc) { if (str.Contains(_searchText)) // Will match once { _IdValue = new Auto_PostDTO(); _IdValue.value = _IdValue.label = str; _IdValue.id = str; collection.Add(_IdValue); } } JavaScriptSerializer serializer = new JavaScriptSerializer(); string jsonString = serializer.Serialize(collection); context.Response.Write(jsonString); } class Auto_PostDTO { public string id { get; set; } public string label { get; set; } public string value { get; set; } }Add texbox onfocus event coding
protected void Page_Load(object sender, EventArgs e) { String _scriptAuthor1 = "javascript:$(function () { " + " $(" + TextBox1.ClientID + ").autocomplete({ " + " source: 'Auto_Complete_Post.ashx' " + " }); " + " });"; TextBox1.Attributes.Add("onfocus", _scriptAuthor1); }Download Code Here
Auto Complete Textbox asp.net
Reviewed by Bhaumik Patel
on
7:11 AM
Rating: