How can one do batch edits to a grid instead of editing and saving one row at a time

Title:

BI{code} ?

How can we do batch edits to a grid instead of editing and saving one row at a time. Also how can I copy one row and add it to the grid?

Save Changes Cancel

Riya Dasgupta

asked at 22 Feb 2021

Answers

• BI{code} ?

  In our main demo `GridInlineCrud.cshtml` you can try this code: <script> function saveAll() { var grid = $('#@(gridId)'); var api = grid.data('api'); grid.find('.o-glrow').each(function() { api.inlineSave($(this)); }); } function editAll() { var grid = $('#@(gridId)'); var api = grid.data('api'); grid.find('.awe-row').each(function() { api.inlineEdit($(this)); }); setTimeout(function() { awe.tabbable(grid.find('.o-glrow')).first().focus(); }, 1); } function cancelAll() { var grid = $('#@(gridId)'); var api = grid.data('api'); grid.find('.o-glrow').each(function() { api.inlineCancel($(this)); }); } function duplicateFirst() { var grid = $('#@(gridId)'); var api = grid.data('api'); var row = grid.find('.awe-row'); if (row.length) { var model = api.model(row); api.inlineCreate(model); } } </script> <button type="button" class="awe-btn" onclick="editAll()">edit all</button> <button type="button" class="awe-btn" onclick="saveAll()">save all</button> <button type="button" class="awe-btn" onclick="cancelAll()">cancel all</button> <button type="button" class="awe-btn" onclick="duplicateFirst()">duplicate first row</button>

  Save Changes Cancel

  

  Omu

  answered at 22 Feb 2021

please Sign In to leave an answer