MVC 4 WebGrid edit row with a button

asp.net-mvc-4 webgrid
Sergio picture Sergio · Sep 5, 2013 · Viewed 14.2k times · Source

I have a webgrid, what I want to do is to edit the selected row, but I want this action to be performed when the user press a button and not only when the user select the row. How can I do this??

Answer

saravanan picture saravanan · Aug 13, 2014 
grid.Column("Action", format: @<text>
                <button class="edit-user display-mode" >Edit</button>
                <button class="save-user edit-mode"  >Save</button>
                <button class="cancel-user edit-mode" >Cancel</button>
                </text>,  style: "col3Width" , canSort: false)

Delete these lines and put into seperate div in coding part

Related questions

Advanced WebGrid tutorial or solution

I am looking for some tutorial or solution that shows how can I make a Webgrid with few advanced functionalities at once: paging, sorting, edit and delete buttons for every row, checkboxes for every row, edit and delete buttons for …

Read More
How to pass json POST data to Web API method as an object?

ASP.NET MVC4 Web API application defines post method to save customer. Customer is passed in json format in POST request body. Customer parameter in post method contains null values for properties. How to fix this so that posted data …

Read More
ASP.NET MVC get textbox input value

I have a textbox input and some radio buttons. For example my textbox input HTML looks like that: <input type="text" name="IP" id="IP" /> Once user clicks a button on a web page I want to pass …

Read More