how do i get ajax toolkitscriptmanager to work with multiple controls

Posted on 2009-06-30
Last Modified: 2012-05-07
I have a control that uses the autocomplete extender on a textbox. You need a scriptmanager for it to work. When I put the toolkitscriptmanager on the page using the controls the autocomplete extender works for the first control, but all controls other than the first do NOT work. So I tried taking the toolkitscriptmanager off the aspx page and put it on the actual control page (ascx) and I got the following error - Only one instance of script manager can be added to the page. I am stuck
            SubSet:<asp:TextBox ID="tbSubset" CssClass="textbox" runat="server" TextMode="SingleLine"
                AutoPostBack="true" ontextchanged="tbSubset_TextChanged"></asp:TextBox>
            <!--<asp:HiddenField ID="hdSubSet" runat="server" />-->
            <asp:HiddenField ID="hdSubSetTime" runat="server" />
            <cc1:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" TargetControlID="tbSubset"
                BehaviorID="AutoCompleteEx" ServiceMethod="Get_SubSet_List" UseContextKey="false"
                ServicePath="Web_Services/LookupSubSet.asmx" MinimumPrefixLength="1" CompletionInterval="1000"
                EnableCaching="true" CompletionSetCount="20" DelimiterCharacters=";, :" OnClientItemSelected="itemSelected"
            <%-- Prevent enter in textbox from causing the collapsible panel from operating --%>
            <script type="text/javascript">
            // Work around browser behavior of "auto-submitting" simple forms
            var frm = document.getElementById("aspnetForm");
            if (frm) 
                frm.onsubmit = function() { return false; };
            function itemSelected(source, eventArgs)
                //alert("key: " + eventArgs.get_text() + "  value: " + eventArgs.get_value());
                //document.all["hdSubset"].value = eventArgs.get_text();
                document.all["hdSubSetTime"].value = eventArgs.get_value();
toolkitscriptmanager on aspx page
    <cc1:ToolkitScriptManager  runat="server" EnablePartialRendering="true" EnablePageMethods="true"
        ID="ToolkitScriptManager1" EnableScriptGlobalization="true" />

Open in new window

Question by:mjoseph23
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 3
LVL 20

Expert Comment

ID: 24750460
Likely should have worked with the scriptmanager from "Ajax Extensions" (default tab name) on the page that is calling the control, but obviously it didnt. One scriptmanager will handle all controls on a page, if you run into a scenario where you have a scriptmanager on a page (master or page w/controls) and it is not being detected then try putting the scriptmanager on the page and a scriptmanagerproxy on the child (in your case the control)...

Author Comment

ID: 24755762
toolkitscriptmanager is the ajax scriptmanager. i tried with the scriptmanager on (aspx )page and proxy on child control page (ascx) i don't know what attributes i should have for the proxy though. i don't think i was clear enough on what i meant by "controls" I have a placeholder that can have multiple controls of the same type. and the main problem is when the aspx page loads the placeholder loads the first control. the autocompleteextender works for the first control. when i click add another control of the same type the autocomplete extender does not work for the second or any other but the first control. to resolve this problem i tried to take the toolkitscriptmanager off the (aspx page) and put on the (ascx page) that throws the "only one instance of scriptmanager can be added to the page" error. so its looking like the only way this will work is when i have the script manager on the (aspx) page like you said and change some other settings somewhere.
LVL 20

Accepted Solution

ddayx10 earned 500 total points
ID: 24761737
Hmmm...If I understand you.

On your .aspx page you have the scriptmanager and a placeholder.

You are using the autocomplete extender with a textbox control.

You are loading multiple controls into the placeholder (starting with one and adding more).

Looks like you have a user control concept where it holds 1) textbox and 1) extendercontrol.

When you first load your page 1 of these controls comes with it. Then you fire some event and another control is added. These new usercontrols(containing your textbox and extender) are not functioning.

I have no idea if I have this right?! Depending on the scenario I dont think you need but 1 scriptmanager on the main page to make this work. No special settings are required on that scriptmanager.

I never really played with the autoextender before so I put together a sample that represents the page I described above. I can tell you are doing more (using a collapsible panel), and I likely dont have the scenario right, and I'm not sure how you're managing the state of dynamically added usercontrols (if you even are)...

For what it's worth this sample demonstrates that one scriptmanager can handle multiple dynamically loaded controls.
****ASPX Page****
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="autocompleteext.aspx.cs" Inherits="autocompleteext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head runat="server">
    <title>Untitled Page</title>
    <form id="form1" runat="server">
		<asp:ScriptManager ID="sm" runat="server" />
		<div><asp:Button ID="btn1" runat="server" Text="Add Control" onclick="btn1_Click" /></div>	
		<asp:PlaceHolder ID="ph1" runat="server" />
public partial class autocompleteext : System.Web.UI.Page
    protected void Page_Load(object sender, EventArgs e)
        if (!IsPostBack)
            Session["noCtls"] = 0;
    protected void btn1_Click(object sender, EventArgs e)
        Session["noCtls"] = (int)Session["noCtls"] + 1;
    private void AddControl()
        for (int i = 0; i <= (int)Session["noCtls"]; i++)
            UserControl uc = new UserControl();
            uc = (UserControl)Page.LoadControl("~/usercontrols/autoExtender.ascx");
****ASCX PAGE****
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="autoExtender.ascx.cs" Inherits="usercontrols_autoExtender" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<span>New Extender</span><br />
<asp:TextBox ID="txtAuto" runat="server" />
<cc1:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server"
	 CompletionSetCount="12" />
using System;
using System.Collections;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Xml.Linq;
using System.Collections.Generic;
[WebService(Namespace = "")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
public class WS : System.Web.Services.WebService {
    public WS () {}
    public string[] GetSuggestions(string prefixText, int count)
        List<string> responses = new List<string>();
        for (int i = 0; i < count; i++)
            responses.Add(prefixText + (char)(i + 65));
        return responses.ToArray();

Open in new window

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!


Author Comment

ID: 24763754
well you have it right. but are you sure that the autocomplete extender is working on all controls for you? ( if you have two controls does it work on the 2nd as well as the first?) i am able to load as many controls that i want but for some odd reason. the lookup list is only firing for the first control.
    private void Add_OR_Items()
        foreach (string ctl in Page.Request.Form)
            if (ctl == "btnAddORItem")
                ctlCount2.Value = (Convert.ToInt16(ctlCount2.Value) + 1).ToString();
        // clear all dropdown and textbox controls
        int controlId = 1;
        for (int i = 0; i < Convert.ToInt16(ctlCount2.Value); i++)
            ASP.uc_ORItem myUserControl = (ASP.uc_ORItem)LoadControl("uc_ORItem.ascx");
            while (InDeletedList2("ucORItem" + controlId.ToString()))
                controlId += 1;
            myUserControl.ID = "ucORItem" + controlId.ToString();
            //use this line anywhere on the container page to hook the UserControl's TextBox exposed using the TotalTextBox Property
            myUserControl.QuantityTextBox.TextChanged += new EventHandler(tbQuantity2_TextChanged);
            myUserControl.RemoveUserControl += new EventHandler(HandleRemoveUserControl2);
            controlId += 1;

Open in new window

LVL 20

Assisted Solution

ddayx10 earned 500 total points
ID: 24770993
--"well you have it right. but are you sure that the autocomplete extender is working on all controls for you? "

YES! I took the time to build the sample (and understand what you were communicating), of course I tested it. I put it up there for you to test as well...and if you had you wouldn't be asking me that question.

Sorry if that's a little short tempered, it's late, I'm tired, and that is frustrating.

Start stripping back the functional of your site or build a sample model on the side. Either way I suspect your problem has something to do with either the way you are manipulating the IDs or your JavaScript handling from the first post is messing things up. It may also be that you are using an older version of the AJAXToolkit that has a bug (I have found them before). Starting with something simpler and moving forward until it breaks will help you find where your problem is...there is no magic bullet here it seems. Without full samples of your source code I really can't be more specific than that. Even if I had them I would be doing pretty much the same thing I just suggested you do :)

It's late, long weekend ahead, hope you make progress, I'll check back on you next week.

Author Comment

ID: 24788596
OK. I created a sample website and compared my attributes with yours and found that I was setting the BehaviorID="AutoCompleteEx" and by removing that it now works.

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Problem Hi all,    While many today have fast Internet connection, there are many still who do not, or are connecting through devices with a slower connect, so light web pages and fast load times are still popular.    If your ASP.NET page …
Real-time is more about the business, not the technology. In day-to-day life, to make real-time decisions like buying or investing, business needs the latest information(e.g. Gold Rate/Stock Rate). Unlike traditional days, you need not wait for a fe…
In this video, viewers will be given step by step instructions on adjusting mouse, pointer and cursor visibility in Microsoft Windows 10. The video seeks to educate those who are struggling with the new Windows 10 Graphical User Interface. Change Cu…
Add bar graphs to Access queries using Unicode block characters. Graphs appear on every record in the color you want. Give life to numbers. Hopes this gives you ideas on visualizing your data in new ways ~ Create a calculated field in a query: …

688 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question