Start Building Professional
Web Apps Today

AJAX Toolkit incompatibility problem

I'm trying to load a web page into a new tab that is part of a dhxlayout control. One of the cells has a grid that, when a row is double-clicked, causes a Javascript function that is created inside the codebehind of the initial page to execute:

            var newScript = new StringBuilder();
            newScript.Append("function doOnRowSelected" + circuitId + "(rowId, celInd) {");
            newScript.Append("var cktid, a, newparms;");
            newScript.Append("cktid = cktgrid.cells(rowId, 0).cell.innerHTML;");
            newScript.Append("tabcnt++;");
            newScript.Append("a = Math.floor(tabcnt / 3);");
            newScript.Append("tabbar.setTabActive(tabid);");
            newScript.Append("++tabid;");
            newScript.Append("tabbar.addTab(tabid, 'Circuit ' + cktid, '300px', null, a);");
            newScript.Append("tabbar.setContentHref(tabid, 'Provisioning/Pages/ProvisioningDetails.aspx');");
            newScript.Append("tabbar.setTabActive(tabid);");

The 'ProvisioningDetails.aspx' web page contains a web user control that was created with AJAX toolkit components, e.g. TabContainer, TabPanel, etc. When the user double clicks a row, the following error is thrown:

Microsoft JScript runtime error: Sys.InvalidOperationException: The PageRequestManager cannot be initialized more than once.

This is a .NET Framework 3.5 project using C#.

Please help! If I remove the '<cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</cc1:ToolkitScriptManager>' tag from the new page I get an error telling me that 'A ScriptManager is required' for the AJAX controls. What am I missing???

Which loading mode you are using?
Beware that in ajax mode , external script files in loaded content will not be processed. You can try to use "iframes" loading mode - which creates an iframe for each tab, so loaded content will be rendered exactly as in case of separate html page. 

Praise the Lord! Thanks for asking the question about which loading mode I was using! I was using the 'ajax-html' method for the initial page of the website, but by changing it to 'iframes' before instantiating the new tab the form loaded into it and worked perfectly. Thanks!