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

Upload progress appears with any postback

8 Answers 125 Views

Upload (Obsolete)

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

8 Answers, 1 is accepted

answered on 16 Mar 2010, 05:00 PM

Hello Ibrahim Imam,

This is a known issue that we are about to fix. As a workaround please paste the following code right after your ScriptManager declaration:

<asp:ScriptManager runat="server" ID="ScriptManager1">

</asp:ScriptManager>

<script type="text/javascript">

var prm = Sys.WebForms.PageRequestManager.getInstance();

var originalClientSubmit;

if (!originalClientSubmit) {

originalClientSubmit =

Telerik.Web.UI.RadProgressManager.prototype._clientSubmitHandler;

}

Telerik.Web.UI.RadProgressManager.prototype._clientSubmitHandler = function(e) {

var isUploading = false;

var inputs = $telerik.$("input[type='file']");

$telerik.$.each(inputs, function() {

if (this.value != "") {

isUploading = true;

return;

}

});

if (isUploading)

originalClientSubmit.apply(this, [e]);

}

</script>

Official fix will come with the next week's internal build. You can find more information on how to obtain the latest internal build here.

Sincerely yours,
Genady Sergeev
the Telerik team

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 Public Issue Tracking system and vote to affect the priority of the items.

answered on 22 Mar 2010, 05:41 PM

radtabstriptest.zip

Hello Pierre MAUREL,

You can find a solution that works with Q3 2008 as an attachment.

Best wishes,
Genady Sergeev
the Telerik team

answered on 24 Mar 2010, 03:29 PM

Your solution doesn't work. The upload process still starts.
Can you try your exemple with a big file (the first time I tried with a small file and I didn't see the progress bar).

Edit : I solve my problem with this example : http://www.telerik.com/help/aspnet-ajax/upload_howtopreventupload.html

    
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
                <title></title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <asp:ScriptManager runat="server" ID="ScriptManager1"> 
        
                </asp:ScriptManager> 
        
            <script type="text/javascript"> 
        
            function onClientSubmitting(progressManager, args) 
        
            { 
        
                var eventTarget = document.getElementById('__EVENTTARGET'); 
        
                if (eventTarget.value == '<%= RadTabStrip1.UniqueID %>') 
        
                { 
        
                    //Clear the file inputs 
        
                    var upload = $find("<%= RadUpload1.ClientID %>"); 
        
                    var fileInputs = upload.getFileInputs(); 
        
                    for (var i=0; i<fileInputs.length; i++) 
        
                    { 
        
                        upload.clearFileInputAt(i); 
        
                    } 
        
                } 
        
            } 
        
            </script> 
        
                <div> 
        
                    <telerik:RadProgressManager runat="server" ID="RadProgressManager1" OnClientSubmitting="onClientSubmitting" /> 
        
                    <telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" EnableAJAX="false"> 
        
                        <telerik:RadTabStrip runat="server" ID="RadTabStrip1" MultiPageID="MultiPage1" AutoPostBack="false"> 
        
                            <Tabs> 
        
                                <telerik:RadTab Text="Tab1"> 
        
                                </telerik:RadTab> 
        
                                <telerik:RadTab Text="Tab2"> 
        
                                </telerik:RadTab> 
        
                            </Tabs> 
        
                        </telerik:RadTabStrip> 
        
                        <telerik:RadMultiPage runat="server" ID="MultiPage1"> 
        
                            <telerik:RadPageView runat="server" ID="Page1"> 
        
                                <telerik:RadUpload runat="server" ID="RadUpload1"> 
        
                                </telerik:RadUpload> 
        
                                <telerik:RadProgressArea runat="server" ID="RadProgressArea1"> 
        
                                </telerik:RadProgressArea> 
        
                                <asp:Button runat="server" ID="Button1" Text="Postback" /> 
        
                            </telerik:RadPageView> 
        
                            <telerik:RadPageView runat="server" ID="Page2"> 
        
                                Second tab 
        
                            </telerik:RadPageView> 
        
                        </telerik:RadMultiPage> 
        
                    </telerik:RadAjaxPanel> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

answered on 12 Jan 2015, 01:29 PM

Hello Amar,

Assuming that you use the ProgressArea, I must inform you that this behavior is expected, since the asp:fileupload is waiting for a postback on the page to submit the selected file. This is why, when a postback from RadDropDownTree the file is submitted and the ProgressArea appears.

I can suggest you two things for overcoming the experienced behavior

Use the RadAsyncUpload instead of the asp:FIleUpload, because the Async has a PostbackTriggers property, which you can use to specify for which control's postback the AsyncUpload should listen to and submit the file.
You can ajaxify the RadDropDownTree, by nesting it in an UpdatePanel. In this case, there is no full postback and the selected file will not get submitted.

Regards,
Nencho
Telerik

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Upload progress appears with any postback

8 Answers, 1 is accepted