Quantcast
Channel: ASP.NET AJAX + Ajax Control Toolkit (ACT)
Viewing all articles
Browse latest Browse all 5678

ajax control toolkit autocompleteextender problme

$
0
0

hi friend's.

in the below code i have try to load autocomplete from user control 

step 1: AutoComplete.ascx Design 

<style type="text/css">
.loading
{
    background-image: url(../Img/loader.gif);
    background-position: right;
    background-repeat: no-repeat;
}</style><asp:ScriptManager ID="ScriptManager1" runat="server"
EnablePageMethods = "true"></asp:ScriptManager><script type="text/javascript"  lang="javascript">

            function SetIDValue(source, eventArgs) {

                window.location.href = "WebForm2.aspx?id=" + eventArgs.get_value();
                //document.getElementById('" + ClientID + "_IdLbl').value = eventargs.get_value();

            }
            function OnClientPopulating(sender, e) {
                sender._element.className = "loading";
            }
            function OnClientCompleted(sender, e) {
                sender._element.className = "";
            }</script><asp:TextBox ID="txtContactsSearch" runat="server"></asp:TextBox><ajaxtoolkit:AutoCompleteExtender ServiceMethod="GetArticleList"  ServicePath="~/Complete.asmx"
    MinimumPrefixLength="2"
    CompletionInterval="100" EnableCaching="false" CompletionSetCount="10"
    TargetControlID="txtContactsSearch"
    ID="AutoCompleteExtender1" runat="server" FirstRowSelected = "false" OnClientHiding="OnClientCompleted" OnClientItemSelected="SetIDValue" OnClientPopulated="OnClientCompleted" OnClientPopulating="OnClientPopulating"></ajaxtoolkit:AutoCompleteExtender><input type="hidden" id="IdLbl" name="IdLbl" runat="server" value="0" />

Step 2 : Complete.asmx Source Code

 [System.Web.Script.Services.ScriptMethod()]
        [System.Web.Services.WebMethod]
        public static string[] GetArticleList(string prefixText)
        {
            String[] strList = null;
            ArticleBLL<DB_ArticleCommon> oArticleBLL = new ArticleBLL<DB_ArticleCommon>();
            ModelContext mc = new ModelContext();

            var ArticleList = from Article in mc.DB_Article
                              where Article.Article_Name.StartsWith(prefixText) && Article.isActive == true
                              orderby Article.Article_Name
                              select new { Article.Article_Id, Article.Article_Name, Article.Article_Date, Article.Article_Text };

            var oArticleList = ArticleList.ToList();
            List<string> sArticleList = new List<string>();
            try
            {
                if (oArticleList != null && oArticleList.Count > 0)
                {
                    for (int i = 0; i < oArticleList.Count; i++)
                    {
                        sArticleList.Add(AjaxControlToolkit.AutoCompleteExtender.CreateAutoCompleteItem(oArticleList[i].Article_Name + " " + oArticleList[i].Article_Date, oArticleList[i].Article_Id.ToString()));
                    }
                    strList = new string[10];
                    strList = sArticleList.ToArray();
                }
            }
            catch (Exception)
            {
                throw;
            }
            return strList;
        }

Step 3: WebForm3.aspx 

<%@ Register Src="~/UControl/AutoComplete.ascx" TagPrefix="uc1" TagName="AutoComplete" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><title></title></head><body><form id="form1" runat="server"><div><uc1:AutoComplete runat="server" id="AutoComplete" /></div></form></body></html>

But it does not work... Where is my mistake?





Viewing all articles
Browse latest Browse all 5678

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>