Show RadAjaxLoadingPanel during Uploading

[Jayzle]

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.

[Jayzle]

Seems I still can not get it to work. I just ajaxify the web page by putting it in RadAjaxPanel instead of using RadAjaxManager.

[Plamen]

Hi,

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

[Jayzle]

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>

[Jayzle]

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

[Jayzle]

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.

 

 ​

[Jayzle]

Sorry, 2nd to the last paragraph should be "While browsing using Chrome..."

[Jayzle]

I alredy fixed the issue by modifying web.config and set maxRequestLength. I thought I have set this before. Thanks for the help!

[Plamen]

Hello,

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

Regards,
Plamen
Telerik