This is a migrated thread and some comments may be shown as answers.

Show RadAjaxLoadingPanel during Uploading

8 Answers 53 Views
AsyncUpload
This is a migrated thread and some comments may be shown as answers.
Jayzle
Top achievements
Rank 1
Jayzle asked on 04 Sep 2015, 09:56 AM

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

Sort by
0
Jayzle
Top achievements
Rank 1
answered on 07 Sep 2015, 06:38 AM

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

0
Plamen
Telerik team
answered on 08 Sep 2015, 07:03 AM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Jayzle
Top achievements
Rank 1
answered on 09 Sep 2015, 10:00 AM

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>

0
Jayzle
Top achievements
Rank 1
answered on 09 Sep 2015, 10:24 AM

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

0
Jayzle
Top achievements
Rank 1
answered on 10 Sep 2015, 09:44 AM

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.

 

 ‚Äč

0
Jayzle
Top achievements
Rank 1
answered on 10 Sep 2015, 09:45 AM
Sorry, 2nd to the last paragraph should be "While browsing using Chrome..."
0
Jayzle
Top achievements
Rank 1
answered on 12 Sep 2015, 11:15 AM
I alredy fixed the issue by modifying web.config and set maxRequestLength. I thought I have set this before. Thanks for the help!
0
Plamen
Telerik team
answered on 14 Sep 2015, 12:24 PM
Hello,

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

Regards,
Plamen
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
AsyncUpload
Asked by
Jayzle
Top achievements
Rank 1
Answers by
Jayzle
Top achievements
Rank 1
Plamen
Telerik team
Share this question
or