Maybe it's just me, but I can't seem to get any client-side events to work. I'm going to post my code. Hopefully, that will help.
Two errors:
- The size check doesn't work, and gives a variety of errors as listed above
- The cancel button says 'Object does not support this method' when clicked
| <script type="text/javascript"> |
| function onClientProgressBarUpdating(progressArea, args) |
| { |
| progressArea.updateHorizontalProgressBar(args.get_progressBarElement(), args.get_progressValue()); |
| args.set_cancel(true); |
| } |
| function checkUploadedFilesSize(progressArea, args) |
| { |
| //progressArea.confirmed is a custom variable, |
| // you can use another if you want to |
| if (!progressArea.confirmed && |
| args.get_progressData().RadUpload.RequestSize > 1000000) |
| { |
| if (confirm("The total size of the selected files" + |
| " is more than the limit." + |
| " Do you want to cancel the upload?")) |
| { |
| progressArea.cancelRequest(); |
| } |
| else |
| { |
| progressArea.confirmed = "confirmed"; |
| } |
| } |
| } |
| function cancelUpload() |
| { |
| RadProgressArea1.cancelRequest(); |
| } |
| </script> |
| <telerik:RadProgressManager ID="RadProgressManager1" runat="server" /> |
| <table cellpadding="0" cellspacing="0" border="0"> |
| <tr> |
| <td> |
| <div id="divUploadPanel" style="width: 220px; height: 30px; overflow: hidden;"> |
| <telerik:RadUpload ID="RadUpload1" runat="server" ControlObjectsVisibility="None" InitialFileInputsCount="1" Skin="LightGreen" EnableEmbeddedSkins="False" /> |
| </div> |
| </td> |
| <td valign="middle" style="padding-top: 1px; padding-right: 10px;"> |
| <asp:LinkButton ID="btnUpload" CssClass="LinkButton" Height="19" runat="server">Upload File</asp:LinkButton> |
| </td> |
| <td style="padding-top: 5px;"> |
| <div id="divProgressPanel" style="width: 283px; height: 30px; overflow: hidden;"> |
| <telerik:RadProgressArea |
| ID="RadProgressArea1" |
| runat="server" |
| OnClientProgressBarUpdating="onClientProgressBarUpdating" |
| OnClientProgressUpdating ="checkUploadedFilesSize"> |
| <ProgressTemplate> |
| <div style="background-image: url('/Intranet%20Local%20Copy/doc/images/interface-v2/BG-UploadBar-Off.gif'); |
| background-repeat: repeat-x; |
| position: relative; |
| border: solid 1px #9A9A87; |
| height: 12px; |
| width: 200px;"> |
| <div id="PrimaryProgressBarInnerDiv" |
| runat="server" |
| style="background-image: url('/Intranet%20Local%20Copy/doc/images/interface-v2/BG-UploadBar-On.gif'); |
| background-position: right top; |
| background-color: #EAEADB; |
| height: 10px; |
| width: 100%; |
| vertical-align: top; |
| position: relative; |
| top: 1px; |
| left: 0px; |
| z-index: 900;"> |
| <!-- / --> |
| </div> |
| </div> |
| <span class="SmallCaptionText"> |
| <span runat="server" id="PrimaryPercent"> |
| </span>% of <span runat="server" id="PrimaryTotal"> |
| </span> (<span runat="server" id="Speed"></span>) <a |
| href="javascript:cancelUpload();">Cancel</a> |
| </span> |
| </ProgressTemplate> |
| </telerik:RadProgressArea> |
| </div> |
| </td> |
| </tr> |
| </table> |
| |
Thanks,
- Brad