There is a sample named Client_ProgrammaticEdit.aspx which demonstrates WebGrid client-side API to edit the WebGrid’s content (performing insertion; editing; and deletion). The live version of this sample can be accessed in here.

This sample pop up a form where user can insert new data and add it to the grid’s table; or update the current selected row.

Please have the sample evaluated on your end and let us know whether it meets with your requirement or not.

WebGrid also has SmartBatchUpdate feature which enables you to perform multiple editing – such as insert, edit and delete – in the client side without server contact. When you finished editing, simply click on Accept Changes button provided in the status bar, WebGrid will submit all changes in a single request to the server.

Please check and evaluate WebGrid BatchUpdate_Enterprise.aspx sample file and let us hear your feedback.

Hi Yudi,

    How do I insert the Row in a specific position of the grid? Since mine's an hierarchical grid, the position of the row is very important for the underlying data oganization.

    Thank you

When user add a new row to WebGrid, the row will be inserted into the bottom row. WebGrid has “inline editing” feature which allow users to perform editing data right inside the cell, just like we did on MS Excel. Try to click on a cell and press Enter, now the selection becomes a textbox immediately.

The batch update feature is supported in hierarchical WebGrid. WebGrid allows you to create new record on the parent, expand the new record, and continue to add child records consecutively. All changes across child tables are virtualized in client side. When you finished editing, simply click on Accept All Changes button provided in the status bar, WebGrid will submit all changes in a single request to the server.

Please try to evaluate the BatchUpdate_Enterprise.aspx sample. It demonstrates all key features available in SmartBatchUpdate including hierarchical layout.

Hope this help.