AngularJS - ui-grid - Data display issue

Question

I am implementing http://ui-grid.info/ in my application.

I am populating the grid with ajax call like this :-

$scope.getGrid = function () {
     jq.ajax({
                type: "POST",
                url: "getData",
                dataType: "html",
                traditional: true,            
                data: { columnDb: $scope.columnDb },
                success: function (data) {
        var dataObj = jQuery.parseJSON(data);
        ......
        $scope.gridOptions.data = $scope.myData;  
     });        
}

There is a weird problem i am facing. on the above function call, i can see nothing in my HTML, But if i just mouse scroll on the Grid area the data gets displayed, even if i open Inspect Element in Chrome, the data gets displayed.

Any Idea How to solve this?

Simon H · Accepted Answer · 2014-11-01 10:11:10Z

1

This code does not lead to an Angular digest when the ajax call returns, and hence you don't see anything change in your on screen 'view'. So you can either:

Use $http for your ajax call
Add a $scope.$apply() to the callback function.

I would suggest using 1

answered Nov 1, 2014 at 10:11

Simon H

21.2k14 gold badges84 silver badges144 bronze badges

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

1 Comment

Anup Over a year ago

Thanks Frnd...I gone with 2nd opt...!!

Collectives™ on Stack Overflow

AngularJS - ui-grid - Data display issue

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related