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

Radupload + custom validator + call out extender

2 Answers 148 Views

Upload (Obsolete)

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

josephjijo asked on 21 May 2010, 11:53 AM

Hi,
I want to request at least one file for upload .
but when i use a call out extender, its not working.

    
            <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
                <title></title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <div> 
        
                    <asp:ScriptManager ID="ScriptManager1" runat="server"> 
        
                    </asp:ScriptManager> 
        
                    <telerik:RadUpload ID="RadUpload1" InitialFileInputsCount="1" AllowedFileExtensions=".txt" 
        
                        TargetFolder="~/uploads" runat="server" ControlObjectsVisibility="None"> 
        
                    </telerik:RadUpload> 
        
                    <asp:CustomValidator ID="CustomValidator1" runat="server" Display="None" ErrorMessage="Error" 
        
                        ValidationGroup="MyFile" ClientValidationFunction="validateRadUpload" /> 
        
                    <cc1:ValidatorCalloutExtender ID="VCE_CustomValidator1" runat="server" TargetControlID="CustomValidator1"> 
        
                    </cc1:ValidatorCalloutExtender> 
        
                </div> 
        
                <asp:Button ID="Button1" runat="server" Text="Button" ValidationGroup="MyFile" /> 
        
                </form> 
        
                <script type="text/javascript"> 
        
                    function validateRadUpload(source, e) { 
        
                        e.IsValid = false; 
        
                        var upload = $find("<%= RadUpload1.ClientID %>"); 
        
                        var inputs = upload.getFileInputs(); 
        
                        for (var i = 0; i < inputs.length; i++) { 
        
                            //check for empty string or invalid extension 
        
                            if (inputs[i].value != "" && upload.isExtensionValid(inputs[i].value)) { 
        
                                e.IsValid = true; 
        
                                break; 
        
                            } 
        
                            else { 
        
                                e.IsValid = false; 
        
                            } 
        
                        } 
        
                    }    
        
                </script> 
        
            </body> 
        
            </html>

2 Answers, 1 is accepted

answered on 02 Jul 2010, 02:49 AM

Hi

To use the AJAX Control Toolkit ValidatorCalloutExtender you MUST provide a ControlToValidate. Of course to use the custom validator for a radupload you don't provide a ControlToValidate :)
I got around this by using a dummy control and it works, but the callout extender appears BEHIND the RadWindow. Any solution to this?

    
            <telerik:RadWindow ID="rwImport" runat="server" Behaviors="None" AutoSize="true" Modal="true" VisibleStatusbar="False" Title="Upload Something"> 
        
                <ContentTemplate>                
        
                    <div id="divupload" style="height:140px; padding:10px;">  
        
                        <telerik:RadUpload ID="RadUpload1" runat="server" AllowedFileExtensions=".imp" ControlObjectsVisibility="None"> 
        
                        </telerik:RadUpload>         
        
                        <asp:TextBox ID="dummy" runat="server" Width="0" Text="x" Height="0" BackColor="White" BorderStyle="None"> 
        
                        </asp:TextBox> 
        
                        <asp:customvalidator runat="server" id="cvUpload" display="None" clientvalidationfunction="ValidateFileExtension" ErrorMessage="Invalid file selected. Please select a file with extension '.imp'." ControlToValidate="dummy"> 
        
                        </asp:customvalidator>  
        
                        <asp:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" runat="server" TargetControlID="cvUpload"> 
        
                        </asp:ValidatorCalloutExtender> 
        
                        <br /> 
        
                        <asp:Button ID="btnImport" runat="server" CssClass="formbutton" Text="Import" onclick="btnImport_Click" /> 
        
                        <input type="button" class="formbutton" onclick="$find('<%= rwImport.ClientID %>').close();" value="Cancel" /> 
        
                    </div> 
        
                </ContentTemplate>     
        
            </telerik:RadWindow> 
        
            <script type="text/javascript"> 
        
                function ValidateFileExtension(sender, args) { 
        
                    args.IsValid = getRadUpload('<%= rwImport.ContentContainer.FindControl("RadUpload1").ClientID %>').validateExtensions(); 
        
                }  
        
            </script>