edit all td values in html table or webgrid

Question

hi all,how to edit all records in html table or webgrid in asp.net mvc any demo or example for edit,update all values at one edit button click

Vincent Maverick Durano · Answer

Perhaps my article will help you with that scenario: https://www.c-sharpcorner.com/UploadFile/8c19e8/building-web-application-using-entity-framework-and-mvc-5-p/

Nilesh Makwana · Answer

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

Vincent Maverick Durano · Answer

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: https://www.htmlgoodies.com/beyond/javascript/updating-html-table-content-using-javascript.html https://www.encodedna.com/javascript/dynamically-add-remove-rows-to-html-table-using-javascript-and-save-data.htm

Nilesh Makwana · Answer

i want to edit all and save all the record on html table at a time and save all record on finish button 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

Sanwar Ranwa · Answer

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

Vincent Maverick Durano · Answer

You may want to try out jQuery datatables: https://editor.datatables.net/examples/simple/inTableControls.html

Suraj Kumar · Answer

Hello Nilesh, Request you to attach the screen shot of logic what you exactly needed so someone can help you. Regard Suraj

edit all td values in html table or webgrid

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (7)