My users want to it so that when they're done editing a row in the grid, a new row is immediately added to the grid as though they clicked on the add row link. I have that part working but the display behavior of the grid is odd. Instead of the edit row appearing at the top of the grid, it appears immediately below the row they were editing, making it look like they're editing a different row now instead of actually creating a new one.
Is there something I need to do in order to correct this so that it displays properly?
I have the following jQuery code in place to handle starting the edit of a new row:
$("#MyGrid").on("iggridupdatingeditrowended", function (evt, ui) {
if (ui.update)
$("#MyGrid").igGridUpdating("startAddRowEdit");
});
Here is a screenshot of what I'm seeing for reference:
https://www.dropbox.com/s/1y748jhn71rlrw2/startAddRowEdit%20Issue.png?dl=0
Hello Keith,
I was able to replicate the issue only using Enter key on the currently edited row. When did you observe it? Also before I continue assisting you, could you tell me the exact version of Ignite UI that you're currently using? Waiting for your response.
Regards,Tsanna
Hi Tsanna,
Daniel's function trick solved the issue. It introduces a little visual quirk where the edit row appears where it originally did and then immediately jumps to where it should be, but it at least produces the desired result. Still, I'd love to know if you would be able to provide a "proper" way of doing this as well.
I'm using version 2014.2. We first noticed this issue about 2 or 3 weeks ago when a user pointed it out.