Bind Upload widget to Model Property - ASPNET CORE MVC - UPLOAD

[Dan]

I have a grid that is using a custom editor template (pop up). I would like when a user is ready to create a new entry, they have the choice to upload a list of files as well.

In my custom editor I have this:

 @(Html.Kendo().Upload()
            .Name("files")
            .HtmlAttributes(new { aria_label = "files" })
        )

In my Grid model, it has a member that looks like this: (Entry is the class name)

public IEnumerable<IFormFile> files {get;set;}

And my controller signature looks like this :

public ActionResult Create_Entry(Entry entry, [DataSourceRequest] DataSourceRequest request)

However Entry.files is always null. I cant seem to get the file upload widget to bind to that mode property?

I have tried adding an extra parameter for files in the controller params but that doesnt work either.

Any help is appreciated.

 

 

[Aleksandar]

Hello Dan,

We have a knowledgebase article discussing the issue. You can review it here:

https://docs.telerik.com/aspnet-core/knowledge-base/grid-editing-upload-in-popup

Let me know if the suggested approach works for you.

Regards,
Aleksandar
Progress Telerik

[Dan]

Alek, so I have the widget hitting the backend now. However is it possible to submit this with the rest of the pop up custom editor? When the files are chosen it hits an action but it doesnt bind the rest of my model so I cant do anything with the files. This is on a create, so I wont have the ID of the entry until after it has been inserted into the database, then at this point I would use the returned ID to store my file(s). When I make the .Save method use the same action / controller as the form submit it throws an illegal invocation.

[Aleksandar]

Dan, the Grid works with AJAX requests rather than forms. On the other hand, the upload sends an HttpRequest of type FormData. The two types are conflicting and cannot be merged into a single request automatically. 

Consider using the Upload as a standalone component that is separate from the create/update of the grid. The approach  is demonstrated in the example linked in the initial answer where the Upload is configured in Async mode, and the success handler ensures that the Grid column template will reflect the change.