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