When I add a new row it is added to the end of the grid just below the last row, that is not nice because user has to scroll down to see the new row, this is awfull specially if we need to add a new child row. How to show the new added rows on top of the list? Or at least, how to set focus on the last row so user doesn't have to scroll down?
Hi Michael,
I am running into a similar issue. I want to add my rows at the top of the grid. I tried to use your sample code and it is working but the only problem is "rowAdding" event is getting called only when I click on other rows. So I have a button I am clicking on that to add rows. If I click multiple times I want to add multiple blank rows at the top of the grid.
Right now if I click on add a new line, my first row is at the top of the grid, if I click again to add a new line I have one row at the top and the recent added row at the bottom. The problem is "rowAdding" or "rowAdded" are not getting called.
Here is my function to add new lines. Notice that I am not showing "Add New Row" button as well as "Done/Cancel" button. Is there any way I can call rowAdding each time when I call this function ?
var addingSecurity = function() { var securityOnlyModel = jQuery("#securityOnlyModel");
securityOnlyModel.igGridUpdating("endEdit", true); securityOnlyModel.igGridUpdating("option", "enableAddRow", true); securityOnlyModel.igGridUpdating("startAddRowEdit", true); };
Please let me know if you need any further information.
Thanks,
Mohan
Whether it's possible to add the new row at the top of the grid without loosing the transaction log after the databind.