edit all td values in html table or webgrid

i am still not solve issue for update update multiple record in asp.net mvc using Jquery

 

what i do 

1) display data in modal popup (partial view)  using modal binding

2)in partial view HTML table to show data in textbox or dropdown using modal binding

3) when user will edit all record and click SAVE ALL button all data is pass in view to controller   

so how to pass multiple record view to controller using jquery

i try jquery but it pass only null and if try without jquery it work but popup is close 

 

so please give me Suggestion 

If you want to have a bulk edit and update functionality, then you may need to construct a table dynamically based from your datasource. This table should contain a TextBox on each column where users can edit. These TextBox should be populated with data from your datasource upon the creation of the Table. For saving, you need to traverse the HTML table DOM elements, extract the data from each TextBox and then use AJAX to store them in your database. This will require a bit of effort on your side and you can use plain JavaScript or jQuery to do that for sure.

 

Here are a few examples that may help you get started:

 

i want to edit all and save all the record on html table at a time and save all record on finish button

 

Hello Nilesh

 

Please check these Links

 

https://www.youtube.com/watch?v=Aa-jaPIt19E

 

https://www.youtube.com/watch?v=0Ia-SPThFFY

 

https://www.aspsnippets.com/Articles/MVC-Editable-WebGrid-Implement-Inline-Row-Editing-WebGrid-in-ASPNet-MVC.aspx

Hello Nilesh,

 

Request you to attach the screen shot of logic what you exactly needed so someone can help you.

 

Regard

Suraj