Hi,
there is a problem with the AsyncFileUpload Control of the Toolkit if
it is inside of a not selected Tab of the TabContainer.
There is a javascript exception thrown which stops the IE to continue render the page,
the whole TabContainer in not rendered any more.
This problem only exisits with the Stype of asp.net AJAX...
(the style with the imagebutton)
If you set the AsyncFileUpload to visible=false in the ascx file it self,
the page will be rendered again because the js-exception won't be thrown any more.
But if the visible=false property is set in codebehind, even in Page_Init, the js-exception
will be thrown again.
In other Browsers like firefox and safari this error will be ignored.
I also tried a work around from here but it did not work:
http://ajaxcontroltoolkit.codeplex.com/WorkItem/View.aspx?WorkItemId=25449
Thank you.
Detailed information (partly translated from German by me):
User-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) ; SLCC1; .NET CLR 2.0.50727; InfoPath.2; .NET CLR 3.5.21022; .NET CLR 1.1.4322; .NET CLR 3.5.30729; .NET CLR 3.0.30618)
Timestamp: Sun, 6 Dec 2009 01:16:05 UTC
Exception: unknown Argument.
Row: 202
Column: 17
Code: 0
URI: http://******.biz/ScriptResource.axd?d=RoWnqHxjXm9pW-_nukcnhW7-a34wToApv3ycbPMf-Wr4FUUGbHYKGBSlNa8o1DmlA--dImyKarkzAacPTkNA4VyfOzgy8gv4k0oRcma4ka9jiF5Z5gdM1A2&t=41a5b0a3
After calling this Scriptresource manualy i saw following information:
// Name: AjaxControlToolkit.AsyncFileUpload.AsyncFileUpload.debug.js
// Assembly: AjaxControlToolkit
// Version: 3.0.30930.28736
// FileVersion: 3.0.30930.0
Function which throws the exception (definition in line 181):
_app_onload: function(sender, e) {
. . . . .this.setThrobber(false);
. . . . . if (this._inputFile != null) {
. . . . . . . if (this._onchange$delegate == null) {
. . . . . . . . .this._onchange$delegate = Function.createDelegate(this, this._onchange);
. . . . . . . . . . $addHandlers(this._inputFile, {
. . . . . . . . . . . .change: this._onchange$delegate
. . . . . . . . . });
. . . . . . . }
. . . . . . .if (Sys.Browser.agent == Sys.Browser.Firefox) {
. . . . . . . . .this._inputFile.size = 0;
. . . . . . . . .var width = this._inputFile.offsetWidth;
. . . . . . . . .this._inputFile.style.width = "";
. . . . . . . . . . while (this._inputFile.offsetWidth < width) {
. . . . . . . . . . . . this._inputFile.size++;
. . . . . . . . . .}
. . . . . . . }
. . . . . . . if (this._innerTB != null) {
. . . . . . . . . .this._inputFile.blur();
. . . . . . . . . .var inputFile = this._inputFile;
. . . . . . . . . .setTimeout(function() { inputFile.blur(); }, 0);
. . . . . . . . . .this._innerTB.style.width = (this._inputFile.offsetWidth - 107) + "px"; <-- Line 202 Excpt thrown here
. . . . . . . . . .this._inputFile.parentNode.style.width = this._inputFile.offsetWidth + "px";
. . . . . . . . . .if (Sys.Browser.agent == Sys.Browser.InternetExplorer) {
. . . . . . . . . . . this._onmouseup$delegate = Function.createDelegate(this, this._onmouseup);
. . . . . . . . . . . $addHandlers(this._inputFile, {
. . . . . . . . . . . . . . mouseup: this._onmouseup$delegate
. . . . . . . . . . . });
. . . . . . . . . .}
. . . . . . . }
. . . . .}
. . .},
Comments: Please upgrade to the latest version of AJAX Control Toolkit v15.1.
If the problem remains, feel free to post a new issue.