Hello. I've placed a RadAsyncUpload control in a user control and loaded that user control multiple times on a parent user control. I have javascript which forces the page to do a partial postback OnClientFileUploaded. The code is firing the wrong "FileUpload" javascript function because it's on the page multiple times and not differentiated.
How can I update how the javascript is handled so that it knows which FileUploaded function to fire? Thank you!
<asp:UpdatePanel runat="server" ChildrenAsTriggers="true"> <ContentTemplate> <telerik:RadAsyncUpload ID="RadUpload" runat="server" AllowedFileExtensions=".gif,.jpeg,.jpg,.png" RenderMode="Lightweight" HideFileInput="true" OnClientFileUploaded="fileUploaded" OnClientValidationFailed="validationFailed" Localization-Select="Upload Image" Skin="Bootstrap" /> <asp:Button ID="btnTrigger" runat="server" CausesValidation="false" OnClick="btnUpload_Click" style="display:none" /></ContentTemplate></asp:UpdatePanel>
<script type="text/javascript"> function validationFailed(sender,args) { $('#<%=lbError.ClientID%>').text("Invalid File Type"); $('#ImageErrorModal').modal('show'); } function fileUploaded(sender, args) { document.getElementById("<%= btnTrigger.ClientID %>").click(); } var pageRequestManager = Sys.WebForms.PageRequestManager.getInstance(); pageRequestManager.add_endRequest(EndRequestHandler); function EndRequestHandler() { if ($('#<%=lbError.ClientID%>').text() != "") $('#ImageErrorModal').modal('show'); } </script>