Angular ui-grid add a row and enter Edit mode

Question

I would like to have a button that adds an object to the data array of an ng-grid 3.0. When this row is added I would like to enter edit mode of that row. I tried to do this with

gridApi.core.on.rowsRendered

However it calls every time the rows are rendered and not just on change. What is the best approach to this issue?

Alexander O'Mara · Accepted Answer · 2015-03-15 03:17:52Z

1

Looks like the best solution is to JQuery for the row with a timeout

$timeout(function() {
      $('.ui-grid-row li').first().dblclick(); 
});

Heads up I have a custom template so you will need to adjust your query.

edited Mar 15, 2015 at 3:17

Alexander O'Mara

60.9k19 gold badges176 silver badges184 bronze badges

answered Mar 4, 2015 at 11:45

technoSpino

5104 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular ui-grid add a row and enter Edit mode

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related