Ui-grid Async call undefined gridApi in AngularJS

Question

Hello I have a problem with ui-grid. When I do a sync call on my Api, the code passes through the onRegisterApi in the $scope.gridOptions.

But If I put the call in Async, It don't pass in the onRegisterApi and $scope.gridApi is undefened so I loose my filters.

Here is my definition of GridOptions :

 $scope.gridOptions = {                     
                    colDef = colDef,
                    data = $scope.rowCollection,
                    enableGridMenu: true,
                    enableFiltering: true,
                    onRegisterApi: function (gridApi) {
                        debugger; //Don't pass here with async call
                        $scope.gridApi = gridApi;

                    }
                }

Here is the begining of my api call :

$.ajax({
            url: Api.getHost() + "url/" + $scope.currentObjectType,
            async: true,
            type: "GET",
            datatype: "jsonp",
            contentType: "application/json",
            data: { page: $scope.page, number: $scope.number },
            beforeSend: function (xhr) {
                xhr.setRequestHeader('Authorization', 'Bearer ' + Api.getToken());
            },

Use $http service instead. There are some examples here link — crucifery
– crucifery, Commented Aug 24, 2017 at 12:44

Maxim Shoustin · Accepted Answer · 2017-08-24 10:05:30Z

1

But If I put the call in Async, It don't pass in the onRegisterApi and $scope.gridApi is undefined so I loose my filters.

It happens because you use 3d party Ajax call and not angular way $http .

Option 1

For that reason try to use $timeout like:

// ...
$timeout(function(){
   $scope.gridOptions.data = YourNewData; 
})

Option 2: use `$http`

 $http({method: 'GET', url:URL}).then(function (result) {
      $scope.gridOptions.data = result.data;                            
 }, function (result) {

 });

edited Aug 24, 2017 at 10:05

answered Aug 24, 2017 at 9:59

Maxim Shoustin

78k29 gold badges212 silver badges229 bronze badges

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

Comments

galiolio · Accepted Answer · 2017-08-24 16:51:24Z

0

I've found the solution, I had to declare the grid options out of the ajax call

answered Aug 24, 2017 at 16:51

galiolio

2854 silver badges19 bronze badges

Collectives™ on Stack Overflow

Ui-grid Async call undefined gridApi in AngularJS

2 Answers 2

Option 1

Option 2: use `$http`

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Option 1

Option 2: use $http

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related

Option 2: use `$http`