This is a migrated thread and some comments may be shown as answers.

AJAX Control Toolkit Compatability

114 Answers 5770 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

114 Answers, 1 is accepted

answered on 04 Dec 2009, 11:06 AM

Hello Hector,

From the error message I suppose that you downloaded AJAX toolkit version which is compiled against the ASP.NET 4 Preview version of the framework (available on CodePlex). Currently our controls use either the ASP.NET AJAX 1.0 version or ASP.NET 3.5 version of the scripts - these are the officially supported present versions of the framework.

I suggest you download and install AJAX toolkit version compiled against the official .NET framework versions to address the exception.

Best regards,
Sebastian
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

answered on 23 Apr 2010, 03:59 AM

I am having a similar problem with a site I am trying to build and I was wondering if I could get some support. I am using the RADPanelBar control and I am trying to embed it in a .net ecommerce plugin. Everything was looking great till a site had an existing ScriptManager in it. Easy enough I delete the ScriptManager and let RAD take care of it. That worked but after I started playing around with thing suddenly a picture no longer shows up and I get...

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; SLCC1; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729)
Timestamp: Fri, 23 Apr 2010 02:35:36 UTC

Message: AjaxControlToolkit requires ASP.NET Ajax 4.0 scripts. Ensure the correct version of the scripts are referenced. If you are using an ASP.NET ScriptManager, switch to the AjaxScriptManager in System.Web.Ajax.dll, or use the ToolkitScriptManager in AjaxControlToolkit.dll.
Line: 2791
Char: 470
Code: 0
URI: http://localhost:51331/trunk/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl00_ctl00_STORE_MENU_ScriptManager_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d3.5.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a0d787d5c-3903-4814-ad72-296cea810318%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2009.3.1314.35%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a603d133a-f943-435d-a80d-57457cc55f4a%3a16e4e7cd%3af7645509%3a24ee1bba%3a1e771326%3a4cacbc31%3bAjaxControlToolkit%2c+Version%3d3.0.31106.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d28f01b0e84b6d53e%3aen-US%3a86f3ec8f-e11f-41a4-a4db-54c6e3efc9b3%3a923aa3cc%3a782b16ab%3acfb54798%3af48dface

Message: 'Sys.Extended.UI' is null or not an object
Line: 636
Char: 5
Code: 0
URI: http://localhost:51331/trunk/Strawberry.aspx

Message: 'document.getElementById(...)' is null or not an object
Line: 315
Char: 1
Code: 0
URI: http://localhost:51331/trunk/Strawberry.aspx

I have the subversion log of the changes I made and can get a Diff if nessacary, however, it would be trouble so I will get it if someone asks. Any help would be great!

Thanks

Jackie

answered on 05 May 2010, 02:01 PM

website-40.zip

Hi Rick Atkinson,

Please excuse me for the delayed response.

The 4.0 Control Toolkit uses their own version of "MicrosoftAjax.js" and "MicrosoftAjaxWebForms.js" registered by the ToolkitScriptManager. If you are using RadScriptManager, you need to register those scripts manually for the Toolkit to work:

1.<telerik:RadScriptManager runat="server" ID="RadScriptManager1">

2. <Scripts>

3. <%-- Load the toolkit MS AJAX scripts instead of those in System.Web.Extensions --%>

4. <asp:ScriptReference Assembly="System.Web.Extensions" Name="MicrosoftAjax.js" Path="~/Scripts/MicrosoftAjax.js" />

5. <asp:ScriptReference Assembly="System.Web.Extensions" Name="MicrosoftAjaxWebForms.js" Path="~/Scripts/MicrosoftAjaxWebForms.js" />

6. </Scripts>

7.</telerik:RadScriptManager>

I am attaching a sample project that shows how to do this.

Greetings,
Dimitar Milushev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

answered on 05 May 2010, 04:51 PM

Thanks for your response Dimitar.

I am still unable to get my page to load. Maybe something I am doing wrong.

I get an HttpException with a Message of 'File does not exist'. The source is System.Web. Below is the Stack Trace:

   at System.Web.StaticFileHandler.GetFileInfo(String virtualPathWithPathInfo, String physicalPath, HttpResponse response)
   at System.Web.StaticFileHandler.ProcessRequestInternal(HttpContext context, String overrideVirtualPath)
   at System.Web.DefaultHttpHandler.BeginProcessRequest(HttpContext context, AsyncCallback callback, Object state)
   at System.Web.HttpApplication.CallHandlerExecutionStep.System.Web.HttpApplication.IExecutionStep.Execute()
   at System.Web.HttpApplication.ExecuteStep(IExecutionStep step, Boolean& completedSynchronously)

Not even sure what file does not exist. Can't seem to find in the exception.

I added the Scripts folder with the two js files and injected the script references in the RadScriptManager for the page. In addition, I have references to System.Web and System.Web.Extensions for 4.0.

In addition, I am using url routing as well.

Any ideas? Any advice would be appreciated.

Thanks again, Rick.

answered on 07 May 2010, 05:38 PM

This workaround(s) above only work if you are not using a RadGrid with the RadAjaxManager :-) This is because the RadGrid/RadAjaxManager apparenly use javascript routines that are not present in the AjaxControlToolkit versions of MicrosoftAjax.js etc. I verified this, and found that the routine causing the error (c.get_request()._get_eventHandlerList()._list.completed.reverse();) is indeed only present in the ASP.NET 4 version of these js libs.

So, anybody that uses Telerik (newest release, required for ASP.NET 4) with the newest AjaxControlToolkit (required for ASP.NET 4), has either one show-stopper problem, or another. If you use the workaround above, then the RadGrid doesn't work (nor does it with the ToolkitScriptManager, by the way), and if you stay with the RadScriptManager without the workaround, your site blows up due to the AjaxToolkit error (AjaxControlToolkit requires ASP.NET Ajax 4.0 scripts. Ensure the correct version of the scripts are referenced...).

I think telerik needs to address this problem immediately, because this is a constellation of libs that must work together (Microsoft libs with Telerik libs). Even if it is the "fault" of the AjaxControlToolkit, there needs to be a fix or a workaround on one side or the other soon.

Ideas? Comments?
Thanks,
R

answered on 10 May 2010, 02:28 PM

ajaxcontroltoolkitandradajax.zip

Hello Richard,

Indeed, there was an issue using RadAjaxManager with AjaxControlToolkit. However this is already fixed and you can find it addressed in the latest internal build of RadControls for ASP.NET AJAX from your Telerik account.

Additionally, I am attaching a sample project to this post to illustrate how both controls can co-exist on a single page.

Greetings,
Iana
the Telerik team

answered on 12 May 2010, 03:20 PM

webconfig.zip

Hi all,

Try using the attached to this post web.config file and let me know it makes any difference.

Regards,
Iana
the Telerik team

answered on 12 May 2010, 03:48 PM

ajaxcontroltoolkitandradajax.zip

Hi Dennis,

Can you send me the exact sample you are testing? You can also try the newest project attached to this post and let me know if you still receive the same error.

All the best,
Iana
the Telerik team

answered on 12 May 2010, 09:02 PM

One workaround for several of these problems is to disable the CDN. The following (code below) is what I use, and it works with all the newest versions together. This is unacceptable in the long term, of course, since it circumvents the CDN. I assume that Telerik will fix that. Note also, that the MicrosoftAjax.js and MicrosoftAjaxWebForms.js are NOT the ones from ASP.NET 4, they are (and must be) the ones from the newest AjaxControlToolkit release for ASP.NET 4.0. Why the AjaxControlTookit guys did not see fit to use the newest release from Microsoft is beyond me, and they should fix that ASAP. This is probably what is screwing up the CDN capability, since the CDN certainly assumes the ASP.NET 4.0 files.

    
                <telerik:RadScriptManager runat="server" ID="ScriptManager" EnablePartialRendering="true"   
        
                    EnableScriptGlobalization="true"   
        
                    RoleService-LoadRoles="true"    
        
                    ScriptMode="Auto"    
        
                    EnableCdn="false" CdnSettings-TelerikCdn="Disabled"   
        
                    EnablePageMethods="true" EnableScriptCombine="true" >    
        
                    <Scripts>    
        
                        <asp:ScriptReference Name="MicrosoftAjax.js" Path="/Scripts/MicrosoftAjax.js" />    
        
                        <asp:ScriptReference Name="MicrosoftAjaxWebForms.js" Path="/Scrips/MicrosoftAjaxWebForms.js" />    
        
                    </Scripts>    
        
                </telerik:RadScriptManager>

answered on 13 May 2010, 12:36 PM

Hi Richard,

Please excuse me for misleading you. The issue with the CDn appears because Telerik CDN is supported only for the official version. And in case you are using internal build I suggest that you currently disable the CDN.
Also for the projects where you what to use AjaxControlToolkit controls with RadScriptManager and RadAjax, could you please try setting the EnableScriptsCombone property of the RadScriptManager to false and see if it works?

Best wishes,
Iana
the Telerik team

answered on 21 May 2010, 06:32 PM

I am having similar issues while trying to load either the Microsoft ScriptManager or Telerik's. If I disable my Page Routes (Routing) the problem goes away.

Is there a route-map that we can create which will allow the .axd resource files to load properly?

UPDATE:

I was finally able to get this all working correctly. I did need the lines (below) in web.config ... which I already had:

                     <system.webServer>         
                    <validation validateIntegratedModeConfiguration="false"/>         
                    <modules runAllManagedModulesForAllRequests="true">         
                    </modules>         

The missing item was that I needed to add the below route map to Ignore the resource files:

                                routes.Ignore("{resource}.axd/{*pathInfo}");         
                     

answered on 27 May 2010, 12:56 PM

Congratulations to MS for releasing yet another half tested software release in the shape of .NET 4.0. 2 days migrating an app from 3.5 and counting. Not sure why everything MS seems to be so painful these days but that's a story for another day:)

Anyway, as part of my painful experience, I thought I'd share a fix that works for me in the hope that it can save someone a few hours of time.

    
             <telerik:RadScriptManager ID="RadScriptManager1" Runat="server"> 
        
                    <CdnSettings TelerikCdn="Disabled" /> 
        
                    <Scripts> 
        
                        <asp:ScriptReference Name="MicrosoftAjax.js" Path="~/js/MicrosoftAjax.js" /> 
        
                        <asp:ScriptReference Name="MicrosoftAjaxWebForms.js" Path="~/js/MicrosoftAjaxWebForms.js" /> 
        
                    </Scripts> 
        
                </telerik:RadScriptManager>

The .js files that you need can be found in an earlier post.

Now for the really crap (i.e. hack to work around some unexplained RadScriptManger behaviour) bit essential to getting it to work:

Not only do you need files MicrosoftAjax.js and MicrosoftAjaxWebForms.js but you need to create copies of each of these file like this:

MicrosoftAjax.debug.js
MicrosoftAjaxWebForms.debug.js

There are obviously errors in versioning between Telerik and MS .js libs. Also, I have no idea why RadScriptManager appends .debug. to files.

Obviously, this is a dirty hack and not a long term solution.

UPDATE
Here's another related little gem that's burnt several hours today. Again, I hope someone benefits from my pain.

I compile a web application (using the .js files above) in the UK and deploy it on a server in the US.

WebResource.axd (generated by RadScriptManager with CombineScripts=true) causes .NET 4 to generate this error:

System.ArgumentOutOfRangeException

Specified argument was out of the range of valid values. Parameter name: utcDate

This error is generated because the .js files, on compilation into an installable .msi are time stamped with UK time (not sure if it's GMT or UTC or even BST). On installation onto the US server, the .js files have a date that is ~ 7 hours in the future.

.NET 4 doesn't like files with a future date so it barfs WebResource.axd (great huh?) More info here.

I'm trying ScriptManager and ToolKitScriptManager next.

UPDATE #2
More time spent fault finding others code. Telerik - can I at least have some points in my account please?

The System.ArgumentOutOfRangeException (file datetime) weirdness turns out to be a bug between MS Web Deployment Projects and Setup and Deployment resulting in file dates not being copied over to the installation MSI. As a work around, I'm having to set my UK dev machine to the same time zone as production server.

Now onto Telerik issues. RadScriptManager (using the MS Ajax library hacks as described above), ScriptManager and ToolkitScriptManager result in JavaScript errors with RadAjaxManager. Here are the errors:

i.get_postBackElement() is undefined

if(Array.contains(c,i.get_postBackElement().id)){this._isRequestInProgress=true; ..

This bug is present in all .NET 4 builds that I've tried up to and including internal build 2010_1_526.

In summary, you can implement either (RadScriptManager + RadAjax) OR AjaxControlToolkit but not both.

answered on 04 Jun 2010, 10:55 AM

ajaxtoolkit-40.zip

Hi Mesut,

I'm sending you a sample ASP.NET 4.0 site with RadScriptManager and the Ajax Toolkit. See the ExternalScripts.aspx page. The same approach can be used in 3.5 as well.

I hope this helps.

Sincerely yours,
Tsvetomir Tsonev
the Telerik team

answered on 05 Jun 2010, 08:52 AM

Hi Sebastian,

We are using telerik controls in million visit web site admin panel. Right now, we have huge problems. We start to disable ajaxtoolkit in pages but our admin system has more than 400 pages.

Our apps pool are set asp 4.0.

We are using 4.1.40412.2 dll AjaxControlToolkit.Binary.NET4 .

Telerik 2010.1.415.40

We still have the problem. We try to add your solution but we need to use AjaxControlToolkit.Binary.NET4 but in our solution you use System.Web.Extensions, Version=3.5.0.0

To guarantee we us,

<telerik:RadScriptManager ID="ToolkitScriptManager1" runat="server">

<asp:ScriptReference Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"

Name="MicrosoftAjax.js" Path="http://ajax.microsoft.com/ajax/4.0/1/MicrosoftAjax.js" />

<asp:ScriptReference Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"

Name="MicrosoftAjaxWebForms.js" Path="http://ajax.microsoft.com/ajax/4.0/1/MicrosoftAjaxWebForms.js" />

</Scripts>

</telerik:RadScriptManager>

We still have problem.

answered on 05 Jun 2010, 05:37 PM

Hi, we've got the constellation you mention working on a large website with many many Telerik+AjaxControlToolkit (mixed) pages where we use a large array of functionality from both Telerik And the ACT, the only difference is that we use the .NET 3.5 ACT binary, but the whole site is built as ASP.NET 4.0...:

Actually, the changes that we made to make this work are mentioned in my post above, but I'll summarize again here. Also, it is now working together with the Telerik CDN:

* IIS7.5 AppPool v4.0, Integrated.
* ACT: 3.5.40412 but we compile everything against the .NET Framework 4.
Here is an excerpt from the web.config:
        <compilation debug="true" targetFramework="4.0">
            <assemblies>
                <add assembly="Microsoft.SqlServer.Types, Version=10.0.0.0, Culture=neutral, PublicKeyToken=89845DCD8080CC91" />
                <add assembly="System.Web.Abstractions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
                <add assembly="System.Web.Routing, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
                <add assembly="System.Data.Linq, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089" />
                <add assembly="Microsoft.JScript, Version=10.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A" />
                <add assembly="System.Transactions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089" />
                <add assembly="System.Design, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A" />
                <add assembly="System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089" />
                <add assembly="System.Drawing.Design, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A" /></assemblies>
        </compilation>

We use: Telerik 2010.1.519.40

And the following ScriptManager configuration:

    <telerik:RadScriptManager runat="server" ID="ScriptManager"
        EnablePartialRendering="true"
        OnAsyncPostBackError="ScriptManager_AsyncPBErrorHandler"
        EnableScriptGlobalization="true"
        RoleService-LoadRoles="true"
        ScriptMode="Auto"
        EnableCdn="true" CdnSettings-TelerikCdn="Enabled"
        EnablePageMethods="true" EnableScriptCombine="true" >
        <Scripts>
            <asp:ScriptReference Name="MicrosoftAjax.js" Path="/jsc/MicrosoftAjax.js" />
            <asp:ScriptReference Name="MicrosoftAjaxWebForms.js" Path="/jsc/MicrosoftAjaxWebForms.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
        </Scripts>
    </telerik:RadScriptManager>

Where the /jsc/MicrosoftAjax.js and the /jsc/MicrosoftAjaxWebForms.js are those from the AjaxControlToolkit sources NOT the ones from the ASP.NET 4.0 CDN. The last two lines (Core.js and jQuery.js) are for another IE8 workaround that we require, so they are probably insignificant for this scenario, but who knows...

Works like a charm, but I'm assuming that the AjaxControlToolkit team is getting its act together and will soon move to the "real" ASP.NET 4 javascript libs instead of expecting everyone to use their hack -- absurd!

Also, I haven't tried any other "mixtures" in recent weeks. But since Telerik has a new release, there may be other constellations that work now. We can't just "dump" the ACT, so we appreciate the support from Telerik here.

Anyway, I hope this helps.

Richard

answered on 08 Jun 2010, 05:08 PM

I'm glad I finally found this thread. I have exactly the same problem, though I am likely complicating matters by running the RC of Framework 4.0 ;)

Anyway, after using Richard's workaround, I still get the same error that Dennis reported:

    
            <script src="js/MicrosoftAjax.debug.js" type="text/javascript"></script> 
        
            <script type="text/javascript">  
        
            //<![CDATA[ 
        
            if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.'); 
        
            //]]> 
        
            <

I will try tomorrow to get a copy of the relevant .js files from the sources as I just grabbed them from one of the attached projects on this thread they may not be the right ones?

Craig

answered on 08 Jun 2010, 11:46 PM

Hi All,

We are currently on the 3.5 framework and upgrading to 4.0 is the last option so we won't unless we absolutely have no other option. Due to a salesforce security audit we are upgrading to the ajaxcontroltoolkit version 3.5. however when we do pages that use both ACT and telerik.web.ui are erroring out with the error Richard reported.

get_request()._get_eventHandlerList()._list.completed.reverse() object not found.

so do "Telerik Support" or anyone. is there a workaround for act (3.5) and framework 3.5? and can telerik produce a build that will work under this circumstance?

thanks in advance

-dominique

answered on 09 Jun 2010, 07:25 PM

>> i Can make it work if i disable terlerik CDN, but then the radajaxpanel or updatepanel refresh entire webpage.
Two things here:
1. The Content Delivery Network and the UpdatePanels don't have anything to do with each other, so it must be a side effect of loading DIFFERENT scripts when you are not using the CDN. The CDN will always load the current release version of the scripts for the Telerik Version that you have installed.
2. I used to have to disable the CDN since I was using a patched version of the Telerik javascript (about the time this thread started), but the newest release version of the Telerik software (see above) includes these patches, so I can now enable the CDN, as shown above.

R

answered on 30 Jun 2010, 03:39 PM

I too am getting the error "AjaxControlToolkit requires ASP.NET Ajax 4.0 scripts. Ensure the correct version of the scripts are referenced".
I am using .net 3.5 with Rad Controls 2010.1.519.35.
The Master Page uses:

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnablePartialRendering="false" >
   <CdnSettings TelerikCdn="Enabled" />
   <Scripts>
        <asp:ScriptReference Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" Name="MicrosoftAjax.js" Path="http://ajax.microsoft.com/ajax/3.5/MicrosoftAjax.js" />
   </Scripts>
</telerik:RadScriptManager>

I have tried a number of combinations based on this thread, but no joy. I think that it is specific to .net 4.0.
What should I do?

answered on 23 Sep 2010, 08:20 PM

To correct this issue for VS2010 and IIS7 (.NET 4.0) you have follow one of the 2 steps:

1)web.config: Include handler

</httpHandlers>

...

</httpHandlers>

2) IIS7: Add the MIME Type (.ashx) for your application

Extension: .ashx

Type: text/html

Regards,

Widmeyer Lisboa

http://www.kronnuz.com.br

answered on 05 Nov 2010, 06:02 PM

Hello there,

I'm using IIS: 5.1 .Net Framework 3.5 and VS 2008

I'm also using AjaxControlToolkit version: 3.0.30930.28736

Curiously, the error bellow happens only when pt-BR culture is selected:

<script type="text/javascript">

//<![CDATA[

var __cultureInfo = '{"name":"pt-BR","numberFormat":{"CurrencyDecimalDigits":2,"CurrencyDecimalSeparator":",","IsReadOnly":false,"CurrencyGroupSizes":[3],"NumberGroupSizes":[3],"PercentGroupSizes":[3],"CurrencyGroupSeparator":".","CurrencySymbol":"R$ ","NaNSymbol":"NaN (No um nmero)","CurrencyNegativePattern":0,"NumberNegativePattern":1,"PercentPositivePattern":1,"PercentNegativePattern":1,"NegativeInfinitySymbol":"-Infinito","NegativeSign":"-","NumberDecimalDigits":2,"NumberDecimalSeparator":",","NumberGroupSeparator":".","CurrencyPositivePattern":0,"PositiveInfinitySymbol":"+Infinito","PositiveSign":"+","PercentDecimalDigits":2,"PercentDecimalSeparator":",","PercentGroupSeparator":".","PercentSymbol":"%","PerMilleSymbol":"","NativeDigits":["0","1","2"," ...

... setembro","outubro","novembro","dezembro",""]}}';//]]>

</script>

<script src="../Javascript/System.Web.Extensions/1.0.61025.0/MicrosoftAjax.debug.pt.js" type="text/javascript">

</script>

<script type="text/javascript">

//<![CDATA[

if (typeof(Sys) === 'undefined') throw new Error('A estrutura do cliente do ASP.NET Ajax falhou ao ser carregada.');

//]]>

If I try adding the HTTP HANDLER suggested above I get:

Parser Error Message: Could not load file or assembly 'Ajax' or one of its dependencies.

I don't know if this is the correct place to post this but any help will be appreciated

Thanks

Jose

answered on 09 Jun 2011, 02:49 AM

I am using the latest version of the Telerik suite (2011.1.519.40) and also started using the Ajax Control Toolkit. Just by referencing it to my project, without using ANY of the actual functionality, when I try to use a RadAjaxManager on a page I get the following Javascript error:

Unable to get value of the property 'id': object is null or undefined.

This occurs at the following point in one of the embedded scripts from the Telerik suite:

if(this.Type=="Telerik.Web.UI.RadAjaxManager"){if(i.get_postBackElement()!=this.get_element()){var c=this._updatePanels.split(",");

if(Array.contains(c,i.get_postBackElement().id)){this._isRequestInProgress=true;

this._attachRequestHandlers(f,i,false);

return false;

The line that fails is in bold. It tells me i.get_postBackElement() is null or undefined. The page being hosted is inside a RadWindow modal instance with a single master page that has the standard <asp:ScriptManager runat="server" /> line on it.

Any ideas? Remember - all I did was add the reference to the toolkit (version 4.1.50401.0). I'm not using anything from it at all, just the reference for now. As soon as I remove the reference the AjaxManager works exactly as I would have expected it to.

Edit: This occurs with IE9 and when I put IE9 into compatibility mode (presumably IE8).

answered on 06 Jul 2011, 10:51 PM

I just upgraded from .Net 2 to Net 4.0

I am using version 2011.1.519.40 + the ajaxcontroltoolkit version 4.1.50401.0 both in the bin directory

the page in question has the following controls (among other radcontrols )

RadScriptManager
RadAjaxManager
RadAjaxLoadingPanel
RadGrid

"the toolkit is not used on the page that is throwing errors – it’s just referenced in the project"

symptoms:

if the page in question is not touched for a short period of time and the "refresh" button of the radgrid is clicked I get "updatepanelids is null or not an object"

I noticed that a possible solution is to add ClientIDMode="AutoID", but this does not solve the problem – (i have this setting in my web.config)

My main question is there a workaround for this situation and / or is there a fix in the upcoming July release?

I am being forced to move to Net 4.0 , so I have to find a workable solution

thanks

answered on 07 Jul 2011, 12:40 PM

Hello Allenh,

Is the error gone if you remove the AJAX control toolkit from the Bin folder? If this is the case, setting AutoID is the only workaround we are currently aware of. You may want to consider opening a regular support ticket in which you can attach some test project demonstrating this issue. It would be very helpful for us to reproduce this error locally, trying to identify the cause of this issue. Please refer to this forum thread if you choose to open a ticket.

Veli
the Telerik team

Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

answered on 11 Oct 2011, 11:13 AM

hi ,i am velmurugan,
this is my code for selecting all check box column when i am click the header checkbox in gridview.
but i need like this task using radgrid,plz help me.........

           <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
var TotalChkBx;
var TotalChkBx1;
var Counter;
var Counter1;
window.onload = function()
{
//Get total no. of CheckBoxes in side the GridView.
TotalChkBx = parseInt('<%= this.GridView1.Rows.Count %>');
//Get total no. of checked CheckBoxes in side the GridView.
Counter = 0;
}
function HeaderClick(CheckBox)
{
//Get target base & child control.
var TargetBaseControl = document.getElementById('<%= this.GridView1.ClientID %>');
var TargetChildControl = "chkBxSelect";
//Get all the control of the type INPUT in the base control.
var Inputs = TargetBaseControl.getElementsByTagName("input");
//Checked/Unchecked all the checkBoxes in side the GridView.
for(var n = 0; n < Inputs.length; ++n)
if(Inputs[n].type == 'checkbox' && Inputs[n].id.indexOf(TargetChildControl,0) >= 0)
Inputs[n].checked = CheckBox.checked;
//Reset Counter
Counter = CheckBox.checked ? TotalChkBx : 0;
}
function ChildClick(CheckBox, HCheckBox)
{
//get target base & child control.
var HeaderCheckBox = document.getElementById(HCheckBox);
//Modifiy Counter;
if(CheckBox.checked && Counter < TotalChkBx)
Counter++;
else if(Counter > 0)
Counter--
//Change state of the header CheckBox.
if(Counter < TotalChkBx)
HeaderCheckBox.checked = false;
else if(Counter == TotalChkBx)
HeaderCheckBox.checked = true;
}
function Headertest(CheckBox)
{
//Get target base & child control.
var TargetBaseControl = document.getElementById('<%= this.GridView1.ClientID %>');
var TargetChildControl = "chkBxTest";

//Get all the control of the type INPUT in the base control.
var Inputs = TargetBaseControl.getElementsByTagName("input");

//Checked/Unchecked all the checkBoxes in side the GridView.
for(var n = 0; n < Inputs.length; ++n)
if(Inputs[n].type == 'checkbox' && Inputs[n].id.indexOf(TargetChildControl,0) >= 0)
Inputs[n].checked = CheckBox.checked;
//Reset Counter
Counter = CheckBox.checked ? TotalChkBx : 0;
}
function HeaderDelete(CheckBox)
{
//Get target base & child control.
var TargetBaseControl = document.getElementById('<%= this.GridView1.ClientID %>');
var TargetChildControl = "chkBxDelete";

//Get all the control of the type INPUT in the base control.
var Inputs = TargetBaseControl.getElementsByTagName("input");

//Checked/Unchecked all the checkBoxes in side the GridView.
for(var n = 0; n < Inputs.length; ++n)
if(Inputs[n].type == 'checkbox' && Inputs[n].id.indexOf(TargetChildControl,0) >= 0)
Inputs[n].checked = CheckBox.checked;
//Reset Counter
Counter = CheckBox.checked ? TotalChkBx : 0;
}

function HeaderUpdate(CheckBox)
{
//Get target base & child control.
var TargetBaseControl = document.getElementById('<%= this.GridView1.ClientID %>');
var TargetChildControl = "chkBxUpdate";

//Get all the control of the type INPUT in the base control.
var Inputs = TargetBaseControl.getElementsByTagName("input")
for(var n = 0; n < Inputs.length; ++n)
if(Inputs[n].type == 'checkbox' && Inputs[n].id.indexOf(TargetChildControl,0) >= 0)
Inputs[n].checked = CheckBox.checked;
//Reset Counter
Counter = CheckBox.checked ? TotalChkBx : 0;
}
function HeaderNone(CheckBox)
{
//Get target base & child control.
var TargetBaseControl = document.getElementById('<%= this.GridView1.ClientID %>');
var TargetChildControl = "chkBxNone";

//Get all the control of the type INPUT in the base control.
var Inputs = TargetBaseControl.getElementsByTagName("input");

//Checked/Unchecked all the checkBoxes in side the GridView.
for(var n = 0; n < Inputs.length; ++n)
if(Inputs[n].type == 'checkbox' && Inputs[n].id.indexOf(TargetChildControl,0) >= 0)
Inputs[n].checked = CheckBox.checked;
//Reset Counter
Counter = CheckBox.checked ? TotalChkBx : 0;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView runat="server" AutoGenerateColumns="false" ID="GridView1" OnRowCreated="GridView1_RowCreated" >
<Columns>
<asp:TemplateField HeaderText ="bloodgroup_code">
<ItemTemplate>
<asp:Label ID="label1" runat="server" Text='<%#Eval("bloodgroup_code")%>' > </asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText ="bloodgroup_name">
<ItemTemplate>
<asp:Label ID="label2" runat="server" Text='<%#Eval("bloodgroup_name")%>' > </asp:Label>
</ItemTemplate>
</asp:TemplateField>

<asp:TemplateField HeaderText="Select">
<ItemTemplate>
<asp:CheckBox ID="chkBxSelect" runat="server" />
</ItemTemplate>
<HeaderTemplate>
<asp:CheckBox ID="chkBxHeader" onclick="javascript:HeaderClick(this);" runat="server" Text="Add" />
</HeaderTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Select">
<ItemTemplate>
<asp:CheckBox ID="chkBxTest" runat="server" />
</ItemTemplate>
<HeaderTemplate>
<asp:CheckBox ID="chkBxHeadertest" onclick="javascript:Headertest(this);" runat="server" Text="Edit" />
</HeaderTemplate>
</asp:TemplateField>

<asp:TemplateField HeaderText="Select">
<ItemTemplate>
<asp:CheckBox ID="chkBxDelete" runat="server" />
</ItemTemplate>
<HeaderTemplate>
<asp:CheckBox ID="chkBxHeaderDelete" onclick="javascript:HeaderDelete(this);" runat="server" Text="Delete" />
</HeaderTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Select">
<ItemTemplate>
<asp:CheckBox ID="chkBxUpdate" runat="server" />
</ItemTemplate>
<HeaderTemplate>
<asp:CheckBox ID="chkBxHeaderUpdate" onclick="javascript:HeaderUpdate(this);" runat="server" Text="Update" />
</HeaderTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Select">
<ItemTemplate>
<asp:CheckBox ID="chkBxNone" runat="server" />
</ItemTemplate>
<HeaderTemplate>
<asp:CheckBox ID="chkBxHeaderNone" onclick="javascript:HeaderNone(this);" runat="server" Text="None" />
</HeaderTemplate>
</asp:TemplateField>
</Columns>
<RowStyle BackColor="Moccasin" />
<AlternatingRowStyle BackColor="NavajoWhite" />
<HeaderStyle BackColor="DarkOrange" Font-Bold="True" ForeColor="White" />
</asp:GridView>
</div>
</form>
</body>
</html>

c# code:
=======
public partial class Default2 : System.Web.UI.Page
{ SqlConnection con;
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack == true)
{
bind();
} }
public void bind()
{
con = new SqlConnection("Data Source=VELMURUGAN\\SQLEXPRESS;Initial Catalog=Smail;User ID=sa;password=kcgit");
con.Open();
SqlDataAdapter ada = new SqlDataAdapter("select * from Bloodgroup_master", con);
DataSet ds = new DataSet();
ada.Fill(ds, "Bloodgroup_master");
GridView1.DataSource = ds.Tables[0];
GridView1.DataBind();
con.Close();
}
protected void GridView1_RowCreated(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow && (e.Row.RowState == DataControlRowState.Normal || e.Row.RowState == DataControlRowState.Alternate))
{
CheckBox chkBxSelect = (CheckBox)e.Row.Cells[1].FindControl("chkBxSelect");
CheckBox chkBxHeader = (CheckBox)this.GridView1.HeaderRow.FindControl("chkBxHeader");
chkBxSelect.Attributes["onclick"] = string.Format("javascript:ChildClick(this,'{0}');", chkBxHeader.ClientID);

CheckBox chkBxtest = (CheckBox)e.Row.Cells[2].FindControl("chkBxTest");
CheckBox chkBxHeadertest = (CheckBox)this.GridView1.HeaderRow.FindControl("chkBxHeadertest");
chkBxtest.Attributes["onclick"] = string.Format("javascript:Childtest(this,'{0}');", chkBxHeadertest.ClientID);

CheckBox chkBxDelete = (CheckBox)e.Row.Cells[2].FindControl("chkBxDelete");
CheckBox chkBxHeaderDelete = (CheckBox)this.GridView1.HeaderRow.FindControl("chkBxHeaderDelete");
chkBxDelete.Attributes["onclick"] = string.Format("javascript:Childtest(this,'{0}');", chkBxHeaderDelete.ClientID);

CheckBox chkBxUpdate = (CheckBox)e.Row.Cells[2].FindControl("chkBxUpdate");
CheckBox chkBxHeaderUpdate = (CheckBox)this.GridView1.HeaderRow.FindControl("chkBxHeaderUpdate");
chkBxUpdate.Attributes["onclick"] = string.Format("javascript:Childtest(this,'{0}');", chkBxHeaderUpdate.ClientID);

CheckBox chkBxNone = (CheckBox)e.Row.Cells[2].FindControl("chkBxNone");
CheckBox chkBxHeaderNone = (CheckBox)this.GridView1.HeaderRow.FindControl("chkBxHeaderNone");
chkBxNone.Attributes["onclick"] = string.Format("javascript:Childtest(this,'{0}');", chkBxHeaderNone.ClientID);
} }}

i have attached my output for selecting all checkbox

answered on 11 Oct 2011, 12:52 PM

Hi Velmurugan,

To implement this scenario, you need to find all checkBoxes in RadGrid's template column along with the checkbox in the header template. You then need to keep track of the checked items and update the header checkBox. Here is one approach that uses unobtrusive javascript (i.e. your markup is not polluted with javascript event handler calls):

<telerik:RadGrid ID="RadGrid1" runat="server" Width="800px"

OnNeedDataSource="RadGrid1_NeedDataSource">

<MasterTableView>

<Columns>

<telerik:GridTemplateColumn>

<HeaderTemplate>

<asp:CheckBox ID="HeaderCheckBox" runat="server" />

</HeaderTemplate>

<ItemTemplate>

<asp:CheckBox ID="ItemCheckBox" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<script type="text/javascript">

function pageLoad()

{

var grid = $find('<%= RadGrid1.ClientID %>');

grid._checkBoxes = [];

grid._headerCheckBox = null;

grid._checkedCount = 0;

var inputs = grid.get_element().getElementsByTagName("input");

for (var i = 0; i < inputs.length; i++)

{

if (inputs[i].type === "checkbox")

{

var chkBox = inputs[i];

if (chkBox.id.indexOf("ItemCheckBox") > -1)

{

grid._checkBoxes[grid._checkBoxes.length] = chkBox;

$addHandler(chkBox, "change", Function.createDelegate(grid, itemCheckBoxChange));

if (chkBox.checked)

{

grid._checkedCount++;

}

if (chkBox.id.indexOf("HeaderCheckBox") > -1)

{

grid._headerCheckBox = chkBox;

$addHandler(chkBox, "change", Function.createDelegate(grid, headerCheckBoxChange));

}

updateHeaderCheckBox.call(grid);

}

function itemCheckBoxChange(args)

{

//this refers to the RadGrid client component

var chkBox = args.target;

if (chkBox.checked)

{

this._checkedCount++;

}

else

{

this._checkedCount--;

}

updateHeaderCheckBox.call(this);

}

function headerCheckBoxChange(args)

{

//this refers to the RadGrid client component

for (var i = 0; i < this._checkBoxes.length; i++)

{

this._checkBoxes[i].checked = args.target.checked;

}

//update the checked count

if (args.target.checked)

{

this._checkedCount = this._checkBoxes.length;

}

else

{

this._checkedCount = 0;

}

function updateHeaderCheckBox()

{

//compare the number of checkboxes and the checked count

//set the header checkbox state accordingly

if (this._headerCheckBox && this._checkedCount)

{

this._headerCheckBox.checked = this._checkedCount === this._checkBoxes.length;

}

</script>

Veli
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

answered on 19 Oct 2011, 03:20 PM

Capture-AJAX-TELERIK.JPG

Capture-AJAX-TELERIK-2.JPG

We are still facing trouble to integrate AJAXControlToolKit.dll with the Telerik.web.ui.dll

answered on 20 Oct 2011, 09:26 AM

ajaxcalendar.png

properties.png

Hi Mohan,

I cannot reproduce the error you are getting based on the screen shots. I used Telerik.Web.UI version 2011.2.915.40 and AjaxControlToolkit version 4.1.40.412 on the same project. Here is a screen shot of RadDatePicker and the AJAX control toolkit CalendarExtender loaded on the same page:

Here is the markup of the page:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

    <asp:ScriptManager ID="ScriptManager1" runat="server">

    </asp:ScriptManager>

    <div>

        <telerik:RadDatePicker ID="RadDatePicker1" runat="server">

        </telerik:RadDatePicker>

        <asp:TextBox ID="TextBox1" runat="server" style="margin-left:100px">

        </asp:TextBox>

        <ajaxToolkit:CalendarExtender ID="CalendarExtender1"

            TargetControlID="TextBox1" runat="server">

        </ajaxToolkit:CalendarExtender>

    </div>

    </form>

</body>

</html>

And here are the two assembly versions:

The properties windows of Telerik.Web.UI.dll and AjaxControlToolkit.dll

Veli
the Telerik team

answered on 20 Oct 2011, 05:00 PM

Hi alex,

I have the same problem in my application.
I used the ajaxcontroltoolkit 3.5.40412.2, framework 3.5, telerik.web.ui 2008.1.515.20.
In my page i used the radscriptmanager:
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
<Scripts>
<asp:ScriptReference Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
Name="MicrosoftAjax.js" Path="js/MicrosoftAjax.js" />
<asp:ScriptReference Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
Name="MicrosoftAjaxWebForms.js" Path="js/MicrosoftAjaxWebForms.js" />
</Scripts>
</telerik:RadScriptManager>

Have you solved the problem?

answered on 20 Oct 2011, 05:02 PM

Hi Hector,

I have the same problem in my application.
I used the ajaxcontroltoolkit 3.5.40412.2, framework 3.5, telerik.web.ui 2008.1.515.20.
In my page i used the radscriptmanager:
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
<Scripts>
<asp:ScriptReference Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
Name="MicrosoftAjax.js" Path="js/MicrosoftAjax.js" />
<asp:ScriptReference Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
Name="MicrosoftAjaxWebForms.js" Path="js/MicrosoftAjaxWebForms.js" />
</Scripts>
</telerik:RadScriptManager>

Have you solved the problem?

answered on 20 Oct 2011, 05:20 PM

Fortunately Yes.

In my case I had to remove these Scripts.
Try this. Put a Break point in masterpage or the page Pageload. & follow thro'. you will get an error the moment the brk pt. reaches these lines. If it does, remove them, & try again. I actually ran thro; a myrad of fixes & roll backs, its all over the internet & telerik, see the web.config sequence of http handlers etc..

<asp:ScriptReference Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
Name="MicrosoftAjax.js" Path="js/MicrosoftAjax.js" />
<asp:ScriptReference Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
Name="MicrosoftAjaxWebForms.js" Path="js/MicrosoftAjaxWebForms.js" />

answered on 20 Oct 2011, 05:52 PM

If I remove in the master page the tags ScriptReference in Radscriptmanager, I obtain the following errors: "Errore di run-time di Microsoft JScript: AjaxControlToolkit requires ASP.NET Ajax 4.0 scripts. Ensure the correct version of the scripts are referenced. If you are using an ASP.NET ScriptManager, switch to the ToolkitScriptManager in AjaxControlToolkit.dll.".

I used framework 3.5, ajaxcontroltoolkit 3.5, system.web.extension 3.5 and telerik.web.ui 2008.1.515.20
In my file web.config added the following tags:
<configuration>
....
<location path="WebResource.axd">
<system.web>
<authorization>
<allow users="*" />
</authorization>
</system.web>
</location>
<location path="ScriptResource.axd">
<system.web>
<authorization>
<allow users="*" />
</authorization>
</system.web>
</location>
<location path="Telerik.Web.UI.WebResource.axd">
<system.web>
<authorization>
<allow users="*"/>
</authorization>
</system.web>
</location>
....
</configuration>

<system.web>
.....
<httpHandlers>
<add path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI, Version=2008.1.515.20, Culture=neutral, PublicKeyToken=121fae78165ba3d4" validate="false"/>
<add path="Telerik.RadUploadProgressHandler.ashx" verb="*" type="Telerik.Web.UI.RadUploadProgressHandler, Telerik.Web.UI"/>
<add path="ChartImg.axd" verb="GET,HEAD" type="System.Web.UI.DataVisualization.Charting.ChartHttpHandler, System.Web.DataVisualization, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" validate="false"/>
<remove verb="*" path="*.asmx"/>
<add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
<add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
<add verb="GET,HEAD" path="ScriptResource.axd" validate="false" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
</httpHandlers>
</system.web>

<system.webServer>

<validation validateIntegratedModeConfiguration="false"/>
<httpHandlers>
<remove verb="*" path="*.asmx"/>
<add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
<add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
<add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" validate="false"/>

</httpHandlers>
<modules>
<remove name="ScriptModule"/>
<add name="ScriptModule" preCondition="managedHandler" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
</modules>
<handlers>
<remove name="WebServiceHandlerFactory-Integrated"/>
<remove name="ScriptHandlerFactory"/>
<remove name="ScriptHandlerFactoryAppServices"/>
<remove name="ScriptResource"/>
<add name="ScriptHandlerFactory" verb="*" path="*.asmx" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
<add name="ScriptHandlerFactoryAppServices" verb="*" path="*_AppService.axd" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
<add name="ScriptResource" verb="GET,HEAD" path="ScriptResource.axd" preCondition="integratedMode" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>
<remove name="ChartImage_axd"/>
<remove name="Telerik_Web_UI_SpellCheckHandler_axd"/>
<remove name="Telerik_Web_UI_DialogHandler_aspx"/>
<remove name="Telerik_RadUploadProgressHandler_ashx"/>
<remove name="Telerik_Web_UI_WebResource_axd"/>
<add name="ChartImage_axd" path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*"/>
<add name="Telerik_Web_UI_SpellCheckHandler_axd" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*"/>
<add name="Telerik_Web_UI_DialogHandler_aspx" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*"/>
<add name="Telerik_RadUploadProgressHandler_ashx" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*"/>
<add name="Telerik_Web_UI_WebResource_axd" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*"/>
</handlers>
</system.webServer>

answered on 08 Nov 2011, 11:11 PM

Here's how crazy this "Microsoft JScript runtime error: ASP.NET Ajax client-side framework failed to load." sys undefined error is.

If I use IE from VS2010 by pressing F5 to start debugging, I receive the error.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="ctl00_Head1"><title>

Search

</title><link id="ctl00_DefaultCSS" href="Stylesheets/StyleDefaults.css" rel="stylesheet" type="text/css"

/>

<

link id="ctl00_UIStylesCSS" href="Stylesheets/UIStyles.css" rel="stylesheet" type="text/css"

/>

<

link id="ctl00_cssLink" href="/Stylesheets/VM-TS.css?v=504910944000000000" rel="stylesheet" type="text/css" />

</head>

<body>

<form name="aspnetForm" method="post" action="Login.aspx?ReturnUrl=%2fdefault.aspx%3f" id="aspnetForm">

<div>

<input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="" />

<input type="hidden" name="ctl00_ToolkitScriptManager1_TSM" id="ctl00_ToolkitScriptManager1_TSM" value="" />

<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />

<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />

<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value=

"/wEPDwULLTEyMDg5MjM2NTIPZBYCZg9kFgQCAQ9kFgICAw8WAh4EaHJlZgUrL1N0eWxlc2hlZXRzL1ZNLVRTLmNzcz92PTUwNDkxMDk0NDAwMDAwMDAwMGQCAw9kFgQCBw8WAh4HVmlzaWJsZWgWAgIBDxQrAAIUKwACZGQQFgAWABYAZAIJD2QWAgIBDxYCHwFoZBgBBR1jdGwwMCRFbnRpdHlEYXRhU291cmNlTGVmdE5hdg88KwAJAQEPaGRk1ZxY44K1ZWYGEOgN4ra45sH0jClBmu54PbmuzfYsF1A="

/>

</div>

<script type="text/javascript">

//<![CDATA[

var theForm = document.forms['aspnetForm'];

if (!theForm) {

theForm = document.aspnetForm;

}

function __doPostBack(eventTarget, eventArgument) {

if (!theForm.onsubmit || (theForm.onsubmit() != false)) {

theForm.__EVENTTARGET.value = eventTarget;

theForm.__EVENTARGUMENT.value = eventArgument;

theForm.submit();

}

//]]>

</script>

<script src=

"/WebResource.axd?d=N1Hs-gBFYG6s5YblFfJ8RylN4bAuwPSakGMNx-t2hxQ-B_k3b2e_kzgcxbZcQSOczdlmVWo-_Dx3w-KPGiuyJmOmzwPWgvgQPEJpGmNHdyo1&t=634489975842795474"

type="text/javascript"></script>

<script src=

"/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ctl00_ToolkitScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3ae71d0a15-7471-4384-9905-78bdf2047cba%3aea597d4b%3ab25378d2"

type="text/javascript"></script>

<script type="text/javascript">

//<![CDATA[

if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');

If I open the site directly in IE by typing in the address "http://localhost:54968", it works fine.
If I set either Firefox or Chrome as the default browser and start debugging with F5, it works fine.

If I change from

<telerik:RadScriptManager ID="ToolkitScriptManager1" runat="server">

</telerik:RadScriptManager>

to (as Mesut listed above)

<telerik:RadScriptManager ID="ToolkitScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" Name="MicrosoftAjax.js" Path="http://ajax.microsoft.com/ajax/4.0/1/MicrosoftAjax.js" />

<asp:ScriptReference Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" Name="MicrosoftAjaxWebForms.js" Path="http://ajax.microsoft.com/ajax/4.0/1/MicrosoftAjaxWebForms.js" />

</Scripts>

</telerik:RadScriptManager>

it will then work with IE when starting debugging with F5.

I am not using ajaxcontroltoolkit at all, but I did have it in the project previously, and removed the reference and the dll from the bin folder.

I am using Telerik.Web.UI version 2011.2.915.40

Here's my web.config

<?xml version="1.0"?>

<configuration>

<configSections>

<sectionGroup name="applicationSettings" type=

"System.Configuration.ApplicationSettingsGroup, System, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089"

>

<section name="TalentSearchAlumni.My.MySettings" type="System.Configuration.ClientSettingsSection, System, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" requirePermission="false"/>

</sectionGroup>

</configSections>

<appSettings/>

<connectionStrings>

<add name="TalentSearchAlumni.My.MySettings.DbConn" connectionString=

"Data Source=.\sqlexpress;Initial Catalog=TalentSearchAlumni-UI;Persist Security Info=False;User ID=TalentSearchAlumni_web;Password=********;Packet Size=4096"

/>

<add name="TalentSearchAlumniEntities" connectionString=

"metadata=res://*/TalentSearchAlumni.csdl|res://*/TalentSearchAlumni.ssdl|res://*/TalentSearchAlumni.msl;provider=System.Data.SqlClient;provider connection string="data source=.\sqlexpress;initial catalog=TalentSearchAlumni-UI;integrated security=True;multipleactiveresultsets=True;App=EntityFramework""

providerName="System.Data.EntityClient"/>

</connectionStrings>

<system.web>

<!--

Visual Basic options:

Set strict="true" to disallow all data type conversions

where data loss can occur.

Set explicit="true" to force declaration of all variables.

-->

<!--

Set compilation debug="true" to insert debugging

symbols into the compiled page. Because this

affects performance, set this value to true only

during development.

-->

<compilation debug="true" strict="false" explicit="true" targetFramework="4.0">

<assemblies>

<add assembly="System.Data.Entity, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089"/>

<add assembly="System.Design, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A"/>

<add assembly="System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/>

<add assembly="System.Speech, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>

<add assembly="System.Web.Entity, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/>

<add assembly="System.Web.Extensions.Design, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>

</assemblies>

</compilation>

<!--

The <authentication> section enables configuration

of the security authentication mode used by

ASP.NET to identify an incoming user.

-->

<authentication mode="Forms">

<forms name="TalentSearchAlumniCookie" loginUrl="Login.aspx"/>

</authentication>

<authorization>

<deny users="?"/>

</authorization>

<!--

The <customErrors> section enables configuration

of what to do if/when an unhandled error occurs

during the execution of a request. Specifically,

it enables developers to configure html error pages

to be displayed in place of a error stack trace.

<customErrors mode="RemoteOnly" defaultRedirect="GenericErrorPage.htm">

<error statusCode="403" redirect="NoAccess.htm" />

<error statusCode="404" redirect="FileNotFound.htm" />

</customErrors>

-->

<pages controlRenderingCompatibilityVersion="3.5" clientIDMode="AutoID">

<namespaces>

<clear/>

<add namespace="System"/>

<add namespace="System.Collections"/>

<add namespace="System.Collections.Generic"/>

<add namespace="System.Collections.Specialized"/>

<add namespace="System.Configuration"/>

<add namespace="System.Text"/>

<add namespace="System.Text.RegularExpressions"/>

<add namespace="System.Linq"/>

<add namespace="System.Xml.Linq"/>

<add namespace="System.Web"/>

<add namespace="System.Web.Caching"/>

<add namespace="System.Web.SessionState"/>

<add namespace="System.Web.Security"/>

<add namespace="System.Web.Profile"/>

<add namespace="System.Web.UI"/>

<add namespace="System.Web.UI.WebControls"/>

<add namespace="System.Web.UI.WebControls.WebParts"/>

<add namespace="System.Web.UI.HtmlControls"/>

</namespaces>

<controls>

<add tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI"/>

</controls>

</pages>

<httpHandlers>

<add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false"/>

<add path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" validate="false"/>

<add path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" validate="false"/>

<add path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" validate="false"/>

<add path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" validate="false"/>

</httpHandlers>

</system.web>

<!--

The system.webServer section is required for running ASP.NET AJAX under Internet

Information Services 7.0. It is not necessary for previous version of IIS.

-->

<location path="Login.aspx">

<system.web>

<authorization>

<allow users="*"/>

</authorization>

</system.web>

</location>

<location path="Images">

<system.web>

<authorization>

<allow users="*"/>

</authorization>

</system.web>

</location>

<location path="Stylesheets">

<system.web>

<authorization>

<allow users="*"/>

</authorization>

</system.web>

</location>

<applicationSettings>

<TalentSearchAlumni.My.MySettings>

<setting name="PROD1" serializeAs="String">

<value>web</value>

</setting>

<setting name="SMTPServer" serializeAs="String">

<value>mx</value>

</setting>

<setting name="ActiveProgram" serializeAs="String">

<value>VM</value>

</setting>

<setting name="AuthType" serializeAs="String">

<value>Not Active Directory</value>

</setting>

<setting name="FooterHTML" serializeAs="String">

<value>Copyright</value>

</setting>

</TalentSearchAlumni.My.MySettings>

</applicationSettings>

<system.webServer>

<validation validateIntegratedModeConfiguration="false"/>

<handlers>

<remove name="ChartImage_axd"/>

<remove name="Telerik_Web_UI_SpellCheckHandler_axd"/>

<remove name="Telerik_Web_UI_DialogHandler_aspx"/>

<remove name="Telerik_RadUploadProgressHandler_ashx"/>

<remove name="Telerik_Web_UI_WebResource_axd"/>

<add name="Telerik_Web_UI_WebResource_axd" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" preCondition="integratedMode"/>

<add name="ChartImage_axd" path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" preCondition="integratedMode"/>

<add name="Telerik_Web_UI_SpellCheckHandler_axd" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" preCondition="integratedMode"/>

<add name="Telerik_Web_UI_DialogHandler_aspx" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" preCondition="integratedMode"/>

<add name="Telerik_RadUploadProgressHandler_ashx" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" preCondition="integratedMode"/>

</handlers>

<modules runAllManagedModulesForAllRequests="true"/>

</system.webServer>

<system.web.extensions>

<scripting>

<scriptResourceHandler enableCompression="false"/>

<webServices/>

</scripting>

</system.web.extensions>

</configuration>

answered on 09 Nov 2011, 10:23 AM

Hi Shawn,

Can the issue be related to this missing section in your web.config (required for our script manager, as explained in this help article):

<configuration>

...

<location path="Telerik.Web.UI.WebResource.axd">

<system.web>

<authorization>

<allow users="*"/>

</authorization>

</system.web>

</location>

...

</configuration>

This can produce the error you mentioned. Apply it to see whether this helps.

Best regards,
Sebastian
the Telerik team

answered on 09 Jan 2012, 03:15 PM

I've read many of the threads on the forum concerning this issue, but they are very confusing and seem to focus on .net 4.

I am trying to use Ajax control toolkit 3.5 (version: 3.5.51116.0) with Telerik version 2010.1.519.35. I have a masterpage with a RadScriptManager and I'm getting this error:

Could not find any resources appropriate for the specified culture or the neutral culture. Make sure "AjaxControlToolkit.Properties.Resources.resources" was correctly embedded or linked into assembly "AjaxControlToolkit" at compile time, or that all the satellite assemblies required are loadable and fully signed.

Are these two versions not compatible?

answered on 09 Jan 2012, 03:47 PM

Hello Troy,

The version of the AjaxControlToolkit you are using does require the ToolkitScriptManager to be used in the page. Please refer to the version 51116 version history. The ToolkitScriptManager, however, is known for loading modified versions of the MS AJAX javascript resources and is thus not compatible with RadControls. If you can send us some sample code demonstrating this issue, we can try debugging it for you to see if we can come up with a workaround.

Veli
the Telerik team

answered on 26 Nov 2012, 08:06 PM

Hi,

This thread seems to suggest that there are ways to make RadControls and the AJAX Control Toolkit work together, but it is clear that there are conflicting opinions and in the trenches reports about the compatability. The posts made in January 2012 seem to suggest that there are indeed incompatabilities between these two sets of controls. My current understanding is that the two sets of controls are incompatible. I believe the root cause of any issues is the fact that the ToolkitScriptManager is incompatable with RadScriptManager.

This would also mean that we would be discouraged from developing our own controls with the AJAX Control Toolkit or mixing controls from RadControls and AJAX Control Toolkit on the same page?

In my current use case it would be useful to be able to use the base classes and attributes exposed by the AJAX Control Toolkit for custom control development. I would like to be able to use RadControls and I would also like to use some controls like the Password Strength indicator from the AJAX Controls which are not available in the RadControls. I would also like to avoid getting myself into trouble with some of the issues already described by folks in this post.

What I really need to know is, is it possible to use the latest versions of RadControls and the latest version of AJAX Control Toolkit on the same page without issues or extra effort?

If it's not possible to mix both sets of controls. Can I use any base classes in the RadControls as the basis for any custom controls that I need to develop. Are there any useful resources that you can point me to that can help me get up to speed?

answered on 29 Nov 2012, 11:55 AM

Hi Austin,

Using RadControls with AjaxControlToolkit is possible. You need to reference the MicrosoftAjax.js and MicrosoftAjaxWebForms.js through RadScriptManager. For example:

<telerik:RadScriptManager runat="server">

<Scripts>

<asp:ScriptReference Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"

Name="MicrosoftAjax.js" Path="Scripts-40412/MicrosoftAjax.js" />

<asp:ScriptReference Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"

Name="MicrosoftAjaxWebForms.js" Path="Scripts-40412/MicrosoftAjaxWebForms.js" />

</Scripts>

</telerik:RadScriptManager>

However please note that you need to use RadScriptManager or asp.net ScriptManager. Like my colleague Veli said if you use the RadControls and the AjaxToolkit controls you should not use the ToolkitScriptManager, because it loads modified versions of the MS AJAX javascript resources and is thus not compatible with RadControls.
Also we have a control with similar functionality as Ajax Toolkit’s Password Strength indicator – RadTextBox with configured PasswordStrengthSettings. You could see online example of it on the following link:
http://demos.telerik.com/aspnet-ajax/input/examples/common/passwordstrengthchecker/defaultcs.aspx
Here you could check the differences between RadControls, AjaxToolkit controls and the standard asp.net controls:
http://www.telerik.com/products/aspnet-ajax/ajaxtoolkit-vs-radcontrols.aspx
Additionally please note that we could not guarantee that using the RadControls with other third party components will not lead to any issues. We do not test all functionalities in all RadControls in conjunction with Ajax Toolkit controls.

I hope this helps.

Regards,
Radoslav
the Telerik team

answered on 16 Feb 2013, 02:08 PM

I have spent more time on this and have identified that the problem is actually related to the use of the TabContainer in conjunction with ASP.NET validator controls.

If I create a form with a TabContainer, place fields in each tab and some of the fields in the first tab have validator controls; then I fire up the form (having preloaded the validated fields with valid data), navigate to the second tab and edit one of the available fields on that second tab, DirtyForms will not warn of changes when navigating away (with debug enabled, it seems to get as far as 'Setting deciding active').

If I remove the TabContainer, or instead remove the validator controls, everything operates as expected.

Does this provide any more information that might point you towards something I couuld try?

I can provide an example project if that would be of any assistance; I am sure that you would like to resolve the compatibility issue as much as I would.

Thanks.

Business Mobile Tariffs

answered on 22 Feb 2013, 09:01 AM

Hi, I am trying to solved this, but I can't do it.

I am using .NET Framework 4 and I have added AjaxControlToolkit.dll v4.0.30319

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="System.Web.Extensions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"

Name="MicrosoftAjax.js" Path="~/Scripts/MicrosoftAjax.js" />

<asp:ScriptReference Assembly="System.Web.Extensions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"

Name="MicrosoftAjaxWebForms.js" Path="~/Scripts/MicrosoftAjaxWebForms.js" />

</Scripts>

</telerik:RadScriptManager>

When I load the page...