Skip to main content

Ajax Autocomplete Extender from xml file datasource

Hi

In This Article I Was try to explain How to use Ajax Autocomplete Extender from xml file as Datasource . Previously I was explained how to change the Ajax control toolkit tabcontainer css , How To- Play YouTube Video in Your Website from URL only in ASP.Net , How to get time of day in asp.net

Here the  example to use AJAX AutoComplete with XML file as Datasouce

Step1 :- Craete new AJAX Website

Step2 :- Add XML file called “countries.xml”

<?xml version="1.0" encoding="utf-8" ?>
<Items>
  <Item>Argentina</Item>
  <Item>Australia</Item>
  <Item>Austria</Item>
  <Item>Germany</Item>
  <Item>Egypt</Item>
  <Item>India</Item>
  <Item>Italy</Item>
  <Item>United States of America</Item>
</Items>

Step3 :- Add new Webservice with the following code

using System;
using System.Web;
using System.Collections;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Web.Script.Services;
using System.Collections.Generic;
using System.Xml;
using System.Data.SqlClient;
using System.Configuration;
using System.Data;

/// <summary>
/// Summary description for WebService
/// </summary>
[WebService(Namespace = "<a href="http://tempuri.org/">http://tempuri.org/</a>")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[ScriptService]

public class WebService : System.Web.Services.WebService
{
    [WebMethod]
    public string[] GetItemsList(string prefixText, int count)
    {
        List<string> suggestions = new List<string>();
        using (XmlTextReader reader = new XmlTextReader(HttpContext.Current.Server.MapPath("~/Countries.xml")))
        {
            while (reader.Read())
            {
                if (reader.NodeType == XmlNodeType.Element && reader.Name == "Item")
                {
                    string itemName = reader.ReadInnerXml();
                    if (itemName.StartsWith(prefixText,StringComparison.InvariantCultureIgnoreCase))
                    {
                        suggestions.Add(itemName);

                        if (suggestions.Count == count) break;
                    }
                }
            }
        }
        return suggestions.ToArray();
    }
}
Step4 :- Add new web page and drag Script Manager , TextBox , and AJAX Autocomplete controls on the page


  <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <br />
        Select Country :-<asp:TextBox ID="txt_Items" runat="server"></asp:TextBox>
        <cc1:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" TargetControlID="txt_Items"
        ServiceMethod="GetItemsList" MinimumPrefixLength="1" CompletionSetCount="10" EnableCaching="true"
        ServicePath="WebService.asmx">
        </cc1:AutoCompleteExtender>


 I hope this article  may help for you .

Comments

Popular posts from this blog

How to hide url parameters in asp.net

There are different ways to Hide the URL in asp.net , you can choose any one from bellow options . Previously I was Explained about the  Difference between Convert.tostring and .tostring() method Example  ,   Reasons to use Twitter Bootstrap , How to Register AJAX toolkit in web.config file in asp.net a) Using Post Method b) Using Of Session . c) URL Encoding & decoding process . d) Using Server.Transfer() instead of Response.Redirect() method (1)Use a form and POST the information. This might require additional code in source pages, but should not require logic changes in the target pages (merely change Request.QueryString to Request.Form). While POST is not impossible to muck with, it's certainly less appealing than playing with QueryString parameters. (2)Use session variables to carry information from page to page. This is likely a more substantial effort compared to (1), because you will need to take session variable checking into account...

12 Sentences that Change Your Attitude at Work

If you work with the right attitude and right way, you’ll have your productivity up another level, and eventually, success will be just a step away. These are the 12 encouraging sentences that could change your attitude at work. #1 Don’t work harder, work deeper. #2 When you are young, work to learn, not to earn. #3 If you work really hard and are kind, amazing things will happen. #4 Productivity is never an accident. It is always the result of commitment to excellence, intelligent planning, and focused effort. #5 Most people work just hard enough not to get fired and get paid just enough money not to quit. #6 Boost your productivity by taking action immediately after setting a target even without perfect plans. Adjust your course along the way. #7 To be successful, the first thing to do is to fall in love with your work. #8 Identify your peak hour of productivity. Schedule your most important task for this period. Work on unimportant tasks during non-peak hours. #9 Be a mo...

Asp.Net AjaxFileUpload Control With Drag Drop And Progress Bar

This Example explains how to use AjaxFileUpload Control With Drag Drop And Progress Bar Functionality In Asp.Net 2.0 3.5 4.0 C# And VB.NET. Previous Post  I was Explained about the   jQuery - Allow Alphanumeric (Alphabets & Numbers) Characters in Textbox using JavaScript  ,  Fileupload show selected file in label when file selected  ,  Check for file size with JavaScript before uploading  . May 2012 release of AjaxControlToolkit includes a new AjaxFileUpload Control  which supports Multiple File Upload, Progress Bar and Drag And Drop functionality. These new features are supported by Google Chrome version 16+, Firefox 8+ , Safari 5+ and Internet explorer 10 + , IE9 or earlier does not support this feature. To start with it, download and put latest AjaxControlToolkit.dll in Bin folder of application, Place ToolkitScriptManager  and AjaxFileUpload on the page. HTML SOURCE < asp:ToolkitScriptManager I...