Hi,
I have ajaxify the attachment control I created but it doesn't show the loading panel when I click Upload button (postback after selection of files)
Below is the structure:
Attachment Manager page
- Attachment Manager user control
--- Attachment user control
I put RadAjaxManager in Attachment Manager user control:
<
telerik:RadAjaxManager
ID
=
"radAjaxManager"
runat
=
"server"
DefaultLoadingPanelID
=
"radAjaxLoadingPanel"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"grdAttach"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"lblErrorMsg"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"grdAttach"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"attachmentControl"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"attachmentControl"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"grdAttach"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"ddlAttachTo"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"grdAttach"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"attachmentControl"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
<
asp:Panel
runat
=
"server"
ID
=
"pnlControl"
>
<
uc:AttachmentControl
ID
=
"attachmentControl"
runat
=
"server"
InputSize
=
"75"
OnUploadClick
=
"attachmentControl_UploadClick"
/>
</
asp:Panel
>
On my Attachment user control, I put RadAjaxManagerProxy:
<
telerik:RadAjaxManagerProxy
ID
=
"RadAjaxManagerProxy"
runat
=
"server"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"btnUpload"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"radUpload"
LoadingPanelID
=
"radAjaxLoadingPanel"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManagerProxy
>
This is not working and actually not doing a postback but if I remove RadAjaxManagerProxy, it will work but no loading panel will be shown while doing a postback.
Thanks.
8 Answers, 1 is accepted

Seems I still can not get it to work. I just ajaxify the web page by putting it in RadAjaxPanel instead of using RadAjaxManager.
If you want to have some indication that the file is being upload we would rather recommend using the progress area as for example it is done here.
If you just want to use RadAsyncUpload with Ajax please refer to this demo where similar functionality is implemented.
Hope this information will be helpful.
Regards,
Plamen
Telerik

Hi Plamen,
I'm referring to a loading icon during postback and not the progress bar for file uploading.
Anyway, for inline progress bar, it's working on Google Chrome but not in IE9 which only shows a bar but no indicator of progressing.
I already put these lines in web.config: In IE developer tool, I saw that it's error 404 for http://xxxx:yyyy/aaa/bbb/Telerik.Web.UI.WebResource.axd?type=rau&RadUrid=47695dcb-cba0-4fca-b37e-7c5a54bacf610
<
add
verb
=
"GET,HEAD"
path
=
"ScriptResource.axd"
type
=
"System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
validate
=
"false"
/>
<
add
path
=
"Telerik.RadUploadProgressHandler.ashx"
verb
=
"*"
type
=
"Telerik.Web.UI.Upload.RadUploadProgressHandler, Telerik.Web.UI"
/>
<
add
path
=
"Telerik.Web.UI.WebResource.axd"
verb
=
"*"
type
=
"Telerik.Web.UI.WebResource, Telerik.Web.UI"
validate
=
"false"
/>
<
location
path
=
"Telerik.Web.UI.WebResource.axd"
allowOverride
=
"false"
>
<
system.web
>
<
authorization
>
<
allow
users
=
"*"
/>
</
authorization
>
</
system.web
>
</
location
>
<
system.webServer
>
<
validation
validateIntegratedModeConfiguration
=
"false"
/>
<
modules
>
<
add
name
=
"ScriptModule"
preCondition
=
"integratedMode"
type
=
"System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
/>
<
add
name
=
"RadUploadModule"
preCondition
=
"integratedMode"
type
=
"Telerik.Web.UI.RadUploadHttpModule"
/>
</
modules
>
<
handlers
>
<
add
name
=
"ScriptResource"
preCondition
=
"integratedMode"
verb
=
"GET,HEAD"
path
=
"ScriptResource.axd"
type
=
"System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
/>
<
add
name
=
"Telerik_RadUploadProgressHandler_ashx"
verb
=
"*"
preCondition
=
"integratedMode"
path
=
"Telerik.RadUploadProgressHandler.ashx"
type
=
"Telerik.Web.UI.RadUploadProgressHandler"
/>
</
handlers
>
</
system.webServer
>

As a result also, it seems validation is not working.
I put validation on file size (this is working in chrome but not in IE).
Funny thing is, this is already working before and I don't remember any major changes except for removing RadAjaxManager and adding RadAjaxPanel

Below are the details of the issue:
Browser : IE9 and Chrome Version 43.0.2357.132
Validation : Max file size is 50MB
Local Dev machine : No issue, inline progress show in IE & Chrome regardless of file size and validation is ok (OnClientValidationFailed)
Server : While browsing using IE, inline progress does not show when uploading 50MB and 50++MB and validation is not working (it will not passed through OnClientValidationFailed) and error prompted (see attached files). But when browsing smaller files like 20+MB, inline progess shows
While browsing using IE, inline progress does not show when uploading 50MB and 50++MB but validation works (will pass OnClientValidationFailed). But when browsing smaller files like 20+MB, inline progess shows.
Kindly advise on this issue.
​


It seems that you have solved the issue if you have further questions please let us know.
Regards,
Plamen
Telerik