Kendo grid modal lookup and submit

[Andrea]

Hi,

We need to develop a form for submitting data using kendo grid, in ASP NET CORE 5.0 MVC

basically we need to create an empty grid based on a database table, (this is clear using model binding), the user can click on a button in a toolbar for making a "Lookup" of that database, select one or many row and then, once selected, add them to the previous grid, ready for submit. 

What's the best way to achieve this with telerik controls?

[Tsvetomir]

Hi Andrea,

In general, the Telerik UI Grid comes with a built-in editing mechanism that could be used for editing. The form submits the values of the input elements, however, the "view" state of the grid has TD elements with values. Hence, the values would not be automatically sent to the server-side. 

As an alternative, you could create ClientTemplates for the cells that would feature the value of the cell and a hidden input. So that when the form is submitted all of the values of the hidden inputs would be sent. Such an example has been shown in the following example:

https://github.com/telerik/ui-for-aspnet-mvc-examples/tree/master/grid/post-grid-with-form

The example is for ASP.NET MVC, however, the exact same can be applied for the ASP.NET Core framework.

As per setting the data dynamically, you could do so via the data() method and passing the collection of data:

https://docs.telerik.com/kendo-ui/api/javascript/data/datasource/methods/data

I hope you find this helpful.

 

Best regards,
Tsvetomir
Progress Telerik