Button to Save Form and Kendo Grid

[Desenvolvimento Ingresso]

Hello, good evening 

Your solution solved my previous thanks problem. 

Now, I came to another problem: 

I have a Group entity, which will be displayed in a form where it can be edited. 

Below, have a kendo grid where the local group that appears in the case 1 to N. 

The problem is this, I need to have a single "Save" button to update the Group (Form) and Local (Grid) that group at the same time. 

Could you help me this time? 

Thank you

[Dimo]

Hello Marcel,

I suppose you are using Ajax. In this case you should do the following:

1. Submit the information, which is outside the Grid.
2. Rebind the Grid in the success event of the Ajax request.

http://docs.telerik.com/kendo-ui/api/web/grid#fields-dataSource

http://docs.telerik.com/kendo-ui/api/framework/datasource#methods-read

This algorithm will ensure that the Grid is refreshed with the new data, otherwise there is no guarantee about that.

If needed, you can display an Ajax loader over the Grid as soon as you perform the request from point (1). 

http://docs.telerik.com/kendo-ui/api/web/ui#methods-progress

Since the Grid will display the same animated loader automatically over its data area, you can use the following approach to avoid seeing two different loading indicators.

kendo.ui.progress($("#YourGridID > .k-grid-content"), true);

Regards,
Dimo
Telerik

[Desenvolvimento Ingresso]

I guess I did not express myself correctly, the problem is that I do not know how to pass data from the form and the data kendo grid for the same method, ie when you click the save button, call the update method of the form with the data and data grid.

[Dimo]

Hello Marcel,

What do you mean by

"I do not know how to pass data from the form and the data kendo grid for the same method"

What data exactly from the Grid you want to pass? In general, you should be aware of the following:

+ how to obtain reference to the Kendo UI Model associated with a given table row
http://docs.telerik.com/kendo-ui/api/web/grid#methods-dataItem

+ how to obtain reference to the Grid dataSource instance
http://docs.telerik.com/kendo-ui/api/web/grid#fields-dataSource

+ all the methods the DataSource provides for retrieving data (get(), view(), etc)
http://docs.telerik.com/kendo-ui/api/framework/datasource

Regards,
Dimo
Telerik

[Stephanie]

It would be great if someone could actually answer the question he is asking. I have been having trouble with this in MVC since there is no way to bind batch grid data to the model in the view. 

 

[Konstantin Dikov]

Hi Stephanie,

You can refer to the following HowTo example for posting Grid data with a Form:

• https://docs.telerik.com/aspnet-mvc/helpers/grid/how-to/editing/post-grid-with-form

Note that you need to create templates with hidden inputs for each cell, so that the values from those input elements will be submitted with the form.

Hope this helps.


Regards,
Konstantin Dikov
Progress Telerik