Callback function for Angular ui-grid rendered

Question

I want to know what is the callback function that fires after Angularjs grid is rendered meaning all its cells are rendered a function like $.ready()

Sanjay Nishad · Accepted Answer · 2017-03-24 13:45:10Z

7

there are two functions you can use, if you want to execute on ui-grid ready then use renderingComplete

onRegisterApi: function(gridApi) {
    gridApi.core.on.renderingComplete($scope, function() {
        //code to execute
    });
}

if you need callback on data change use rowsRendered

onRegisterApi: function(gridApi) {
    gridApi.core.on.rowsRendered($scope, function() {
        //code to execute
    });
}

answered Mar 24, 2017 at 13:45

Sanjay Nishad

1,62515 silver badges29 bronze badges

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

6 Comments

Hola Soy Edu Feliz Navidad Over a year ago

These functions are almost what I want, however they don't still work properly. If I check the number of input elements using these function I get 0, however it should show the right value (in my case I have 12).

Sanjay Nishad Over a year ago

what do you mean by number of input elements?

Hola Soy Edu Feliz Navidad Over a year ago

I mean that if I use jQuery('input').length (these inputs are supposed to be inside the grid cells) I receive "0". But if I do it with a timeout (solution that I don't like) it shows me 12, therefore the grid is not 100% rendered at this point.

xero399 Over a year ago

same problem here. I need to apply filters on columns after the grid is rendered. If I do the renderingComplete() and inside I try to access the columns list, it is empty cause grid it's not rendered

Sanjay Nishad Over a year ago

@xero399 did you try $timeout or setTimeout?

|

user3048027 · Accepted Answer · 2016-04-01 10:15:01Z

4

The figured out the function is $scope.gridApi.core.on.rowsRendered()

answered Apr 1, 2016 at 10:15

user3048027

3871 gold badge7 silver badges24 bronze badges

Comments

hitamu · Accepted Answer · 2016-04-01 09:59:12Z

-1

Maybe you can use $timeout for your issue

http://jsfiddle.net/8nuwQ/100/

answered Apr 1, 2016 at 9:59

hitamu

273 bronze badges

2 Comments

user3048027 Over a year ago

No thats not suitable solution

Hola Soy Edu Feliz Navidad Over a year ago

Indeed, timeout solutions are not reliable.

Collectives™ on Stack Overflow

Callback function for Angular ui-grid rendered

3 Answers 3

6 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related