I just tried updating to the latest AJAX Control Toolkit from a really old version. So far, all the components seem to work except the TabContainer.
I am using VS2010, and ASP.net 4.0 with C#.
The tab does not show, and the page throws a script error upon load:
```
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; Win64; x64; Trident/4.0; .NET CLR 2.0.50727; SLCC2; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; InfoPath.3; .NET4.0E)
Timestamp: Fri, 26 Jun 2015 22:52:08 UTC
Message: Expected identifier, string or number
Line: 365
Char: 5
Code: 0
URI: http://localhost:53243/ScriptResource.axd?d=gGy0IYFiFei-bvFLbddGL7lWwVwa6rB96uDiGYwaYBlSXiuqkjwttTmaqs22BD9ZV0eePPVG5MEMrMdKRm3ZPWkB5208jR4DQXqXgXa-K8vbpN0J4J2GPZAfCFGt6Clo0&t=4c030be6
Message: Sys.ArgumentUndefinedException: Value cannot be undefined.
Parameter name: type
Line: 3803
Char: 12
Code: 0
URI: http://localhost:53243/ScriptResource.axd?d=fljd3nXzqvqnwxuNyoHzJXKdgwQAVTCCWbkv8wKW_SpVa765kyr5aHk6Z8XAJ_aSbGTGcorFXPz9m7FcY5CFwUf7O5rj7TZsuTM2R0VYzs72Nhc4wCtt6s1eXjVQVUVqyAP86837dynzdGTeqKrLjsx1tWidUfp6mxbbeiNYD9emxfIpGnPn6ggb6FP6FmLx0&t=7b689585
```
I even verified this by creating a brand new empty Web Application, and dropping a single TabContainer onto the default page. Same deal. Oddly though, the page does view fine in Chrome and Firefox.
```
<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
CodeBehind="Default.aspx.cs" Inherits="WebApplication2._Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<h2>
Welcome to ASP.NET!
</h2>
<p>
To learn more about ASP.NET visit <a href="http://www.asp.net" title="ASP.NET Website">
www.asp.net</a>.
</p>
<p>
You can also find <a href="http://go.microsoft.com/fwlink/?LinkID=152368&clcid=0x409"
title="MSDN ASP.NET Docs">documentation on ASP.NET at MSDN</a>.
</p>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="1">
<cc1:TabPanel runat="server" HeaderText="TabPanel1" ID="TabPanel1">
<ContentTemplate>
test 1
</ContentTemplate>
</cc1:TabPanel>
<cc1:TabPanel ID="TabPanel2" runat="server" HeaderText="TabPanel2">
<ContentTemplate>
test 2
</ContentTemplate>
</cc1:TabPanel>
</cc1:TabContainer>
</asp:Content>
```
I am using the latest Chrome and Firefox versions, but I am using IE8 (because of some stupid legacy tools my company uses break under the newer IE versions).
Comments: For IE11, I got to a point where I could put back in the dll update to get a call stack. The issue is that in the call to create Sys.Extended.UI.TabPanel is undefined. It seems to work fine with the latest Chrome and Firefox. ``` Sys$Component$create JavaScript var $create = Sys.Component.create = function Sys$Component$create(type, properties, events, references, element) { /// <summary locid="M:J#Sys.Component.create" /> /// <param name="type" type="Type"></param> /// <param name="properties" optional="true" mayBeNull="true"></param> /// <param name="events" optional="true" mayBeNull="true"></param> /// <param name="references" optional="true" mayBeNull="true"></param> /// <param name="element" domElement="true" optional="true" mayBeNull="true"></param> /// <returns type="Sys.UI.Component"></returns> var e = Function._validateParams(arguments, [ {name: "type", type: Type}, {name: "properties", mayBeNull: true, optional: true}, {name: "events", mayBeNull: true, optional: true}, {name: "references", mayBeNull: true, optional: true}, {name: "element", mayBeNull: true, domElement: true, optional: true} ]); => if (e) throw e; ... Anonymous function JavaScript Sys.Application.add_init(function() { => $create(Sys.Extended.UI.TabPanel, {"headerTab":$get("__tab_ContentPlaceHolder1_tabContainer_tabGridView"),"ownerID":"ContentPlaceHolder1_tabContainer","wasLoadedOnce":false}, null, {"owner":"ContentPlaceHolder1_tabContainer"}, $get("ContentPlaceHolder1_tabContainer_tabGridView")); }); Anonymous function JavaScript function Sys$EventHandlerList$getHandler(id) { /// <summary locid="M:J#Sys.EventHandlerList.getHandler" /> /// <param name="id" type="String"></param> /// <returns type="Function"></returns> var e = Function._validateParams(arguments, [ {name: "id", type: String} ]); if (e) throw e; var evt = this._getEvent(id); if (!evt || (evt.length === 0)) return null; evt = Array.clone(evt); return function(source, args) { for (var i = 0, l = evt.length; i < l; i++) { => evt[i](source, args); } }; } Sys$_Application$_raiseInit JavaScript Sys$_Application$initialize JavaScript init JavaScript onload JavaScript browserHandler JavaScript ``` This is a legacy site I inherited, going back around 7 years. This particular page has not been updated in a while, which is part of the reason why I trying to update the toolkit, so it could be "modernized". I attached a copy of the page that is throwing errors with v15.1.2. For the IE8 issue, a very simple example throws an error: ``` <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication2._Default" %> <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %> <asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> </asp:Content> <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> <h2> Welcome to ASP.NET! </h2> <p> To learn more about ASP.NET visit <a href="http://www.asp.net" title="ASP.NET Website"> www.asp.net</a>. </p> <p> You can also find <a href="http://go.microsoft.com/fwlink/?LinkID=152368&clcid=0x409" title="MSDN ASP.NET Docs">documentation on ASP.NET at MSDN</a>. </p> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="1"> <cc1:TabPanel runat="server" HeaderText="TabPanel1" ID="TabPanel1"> <ContentTemplate> test 1 </ContentTemplate> </cc1:TabPanel> <cc1:TabPanel ID="TabPanel2" runat="server" HeaderText="TabPanel2"> <ContentTemplate> test 2 </ContentTemplate> </cc1:TabPanel> </cc1:TabContainer> </asp:Content> ```
I am using VS2010, and ASP.net 4.0 with C#.
The tab does not show, and the page throws a script error upon load:
```
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; Win64; x64; Trident/4.0; .NET CLR 2.0.50727; SLCC2; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; InfoPath.3; .NET4.0E)
Timestamp: Fri, 26 Jun 2015 22:52:08 UTC
Message: Expected identifier, string or number
Line: 365
Char: 5
Code: 0
URI: http://localhost:53243/ScriptResource.axd?d=gGy0IYFiFei-bvFLbddGL7lWwVwa6rB96uDiGYwaYBlSXiuqkjwttTmaqs22BD9ZV0eePPVG5MEMrMdKRm3ZPWkB5208jR4DQXqXgXa-K8vbpN0J4J2GPZAfCFGt6Clo0&t=4c030be6
Message: Sys.ArgumentUndefinedException: Value cannot be undefined.
Parameter name: type
Line: 3803
Char: 12
Code: 0
URI: http://localhost:53243/ScriptResource.axd?d=fljd3nXzqvqnwxuNyoHzJXKdgwQAVTCCWbkv8wKW_SpVa765kyr5aHk6Z8XAJ_aSbGTGcorFXPz9m7FcY5CFwUf7O5rj7TZsuTM2R0VYzs72Nhc4wCtt6s1eXjVQVUVqyAP86837dynzdGTeqKrLjsx1tWidUfp6mxbbeiNYD9emxfIpGnPn6ggb6FP6FmLx0&t=7b689585
```
I even verified this by creating a brand new empty Web Application, and dropping a single TabContainer onto the default page. Same deal. Oddly though, the page does view fine in Chrome and Firefox.
```
<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
CodeBehind="Default.aspx.cs" Inherits="WebApplication2._Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<h2>
Welcome to ASP.NET!
</h2>
<p>
To learn more about ASP.NET visit <a href="http://www.asp.net" title="ASP.NET Website">
www.asp.net</a>.
</p>
<p>
You can also find <a href="http://go.microsoft.com/fwlink/?LinkID=152368&clcid=0x409"
title="MSDN ASP.NET Docs">documentation on ASP.NET at MSDN</a>.
</p>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="1">
<cc1:TabPanel runat="server" HeaderText="TabPanel1" ID="TabPanel1">
<ContentTemplate>
test 1
</ContentTemplate>
</cc1:TabPanel>
<cc1:TabPanel ID="TabPanel2" runat="server" HeaderText="TabPanel2">
<ContentTemplate>
test 2
</ContentTemplate>
</cc1:TabPanel>
</cc1:TabContainer>
</asp:Content>
```
I am using the latest Chrome and Firefox versions, but I am using IE8 (because of some stupid legacy tools my company uses break under the newer IE versions).
Comments: For IE11, I got to a point where I could put back in the dll update to get a call stack. The issue is that in the call to create Sys.Extended.UI.TabPanel is undefined. It seems to work fine with the latest Chrome and Firefox. ``` Sys$Component$create JavaScript var $create = Sys.Component.create = function Sys$Component$create(type, properties, events, references, element) { /// <summary locid="M:J#Sys.Component.create" /> /// <param name="type" type="Type"></param> /// <param name="properties" optional="true" mayBeNull="true"></param> /// <param name="events" optional="true" mayBeNull="true"></param> /// <param name="references" optional="true" mayBeNull="true"></param> /// <param name="element" domElement="true" optional="true" mayBeNull="true"></param> /// <returns type="Sys.UI.Component"></returns> var e = Function._validateParams(arguments, [ {name: "type", type: Type}, {name: "properties", mayBeNull: true, optional: true}, {name: "events", mayBeNull: true, optional: true}, {name: "references", mayBeNull: true, optional: true}, {name: "element", mayBeNull: true, domElement: true, optional: true} ]); => if (e) throw e; ... Anonymous function JavaScript Sys.Application.add_init(function() { => $create(Sys.Extended.UI.TabPanel, {"headerTab":$get("__tab_ContentPlaceHolder1_tabContainer_tabGridView"),"ownerID":"ContentPlaceHolder1_tabContainer","wasLoadedOnce":false}, null, {"owner":"ContentPlaceHolder1_tabContainer"}, $get("ContentPlaceHolder1_tabContainer_tabGridView")); }); Anonymous function JavaScript function Sys$EventHandlerList$getHandler(id) { /// <summary locid="M:J#Sys.EventHandlerList.getHandler" /> /// <param name="id" type="String"></param> /// <returns type="Function"></returns> var e = Function._validateParams(arguments, [ {name: "id", type: String} ]); if (e) throw e; var evt = this._getEvent(id); if (!evt || (evt.length === 0)) return null; evt = Array.clone(evt); return function(source, args) { for (var i = 0, l = evt.length; i < l; i++) { => evt[i](source, args); } }; } Sys$_Application$_raiseInit JavaScript Sys$_Application$initialize JavaScript init JavaScript onload JavaScript browserHandler JavaScript ``` This is a legacy site I inherited, going back around 7 years. This particular page has not been updated in a while, which is part of the reason why I trying to update the toolkit, so it could be "modernized". I attached a copy of the page that is throwing errors with v15.1.2. For the IE8 issue, a very simple example throws an error: ``` <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication2._Default" %> <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %> <asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> </asp:Content> <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> <h2> Welcome to ASP.NET! </h2> <p> To learn more about ASP.NET visit <a href="http://www.asp.net" title="ASP.NET Website"> www.asp.net</a>. </p> <p> You can also find <a href="http://go.microsoft.com/fwlink/?LinkID=152368&clcid=0x409" title="MSDN ASP.NET Docs">documentation on ASP.NET at MSDN</a>. </p> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="1"> <cc1:TabPanel runat="server" HeaderText="TabPanel1" ID="TabPanel1"> <ContentTemplate> test 1 </ContentTemplate> </cc1:TabPanel> <cc1:TabPanel ID="TabPanel2" runat="server" HeaderText="TabPanel2"> <ContentTemplate> test 2 </ContentTemplate> </cc1:TabPanel> </cc1:TabContainer> </asp:Content> ```