Required Field Validator for RadAsyncUpload

[Jonathan]

Hello,

I have a RadGrid with a custom EditForm that I use to insert new items.  Within this form is a RadAsyncUpload control.  How do I make this control required without server side code?

Also, I'm a beginner with Telerik and have seen countless code snippets online.  None of them address having the control inside an EditForm, so if your solution could show a complete example vs code snippet I would appreciate it.

[Jonathan]

I finally figured out what I needed to do.  Change :

var asyncupload = $telerik.findControl(elem.parentElement,"RadAsyncUpload1")

to

var asyncupload = $telerik.findControl(elem.parentElement.parentElement,"RadAsyncUpload1")

 

[Doncho]

Hi Jonathan,

Concerning validation in RadGrid edit form, I would suggest you check out the Adding a validator to EditItemTemplate of GridTemplateColumn section.

As to the client-side validation for AsyncUpload, If you are using .NET 4.5+ you can set the following key in the web.config to enable the client-side validation that would prevent the postback without an attached file:

http://stackoverflow.com/questions/16660900/webforms-unobtrusivevalidationmode-requires-a-scriptresourcemapping-for-jquery

<appSettings>
	<add key="ValidationSettings:UnobtrusiveValidationMode" value="None" />
</appSettings>

<EditItemTemplate>
    <telerik:RadAsyncUpload runat="server" ID="RadAsyncUpload1">
    </telerik:RadAsyncUpload>
    <script>
        function ClientValidationFunction(elem, args) {
            var asyncupload = $telerik.findControl(elem.parentElement,"RadAsyncUpload1")
            args.IsValid = asyncupload.getUploadedFiles().length > 0;
        }
    </script>
    <asp:CustomValidator ErrorMessage="Please upload at least 1 file" ClientValidationFunction="ClientValidationFunction" runat="server" />
</EditItemTemplate>

I hope this will help you achieve the desired.

Please let me know if any questions remain.

Kind regards,
Doncho
Progress Telerik

[Jonathan]

Unfortunately this doesn't work.  When I launch the page and click on the insert button, the rest of my field validators fire but this does not.

[Jonathan]

I've made so many changes trying to get this work, but I am finally getting the javascript function to fire and have implemented a try catch block to trap the errors.  Now getting an error - "Cannot read properties of null (reading 'getUploadedFiles')".

 

Any ideas?

[Doncho]

Jonathan, 

I have attached a basic RadGrid sample where you can test the suggested validation. Please review the code and see if you can reuse it in your case.

Note that the sample aims to demonstrate the client-side validation only, and the Inserting is not actually implemented in the grid.

If this is not useful, it would be a great help if you share the steps to replicate the same problem with the sample I have shared.