Programatically select row in UI-Grid without listener

Question

I want to select all rows of a grid by default, and I managed to do so by adding a data listener in onRegisterApi as specified in this answer:

onRegisterApi : function(gridApi)
    {
      $scope.gridApi = gridApi; 
      $scope.gridApi.grid.registerDataChangeCallback(function(data)
        {
          $scope.gridApi.selection.selectRow($scope.gridOptions.data[0]);
        }, [uiGridConstants.dataChange.ROW]);
    }

Working plunkr: http://plnkr.co/edit/dzf6PZwKdZmSNvKzQeYH?p=preview

However, I don't understand why it doesn't work without a listener, like

onRegisterApi : function(gridApi)
    {
      $scope.gridApi = gridApi; 
        _.each($scope.gridOptions.data, function(companies, index){
          $scope.gridApi.selection.selectRow($scope.gridOptions.data[index]);
      });

    }

Non-working plunkr: http://plnkr.co/edit/XOliwXn2MLyH6nqO7pp4?p=preview

Can someone tell me why?

Moon Mysterious · Accepted Answer · 2017-02-02 08:53:26Z

2

I used below code for angular 1.5.0 version. It is working for me.

app.controller('MainCtrl', ['$scope', '$http', '$interval', 'uiGridConstants','$location', function ($scope, $http, $interval, uiGridConstants, $location) { ...............

// $interval whilst we wait for the grid to digest the data we just gave it

$interval( function() {$scope.gridApi.selection.selectRow($scope.gridOptions.data[0]);}, 0, 1);

answered Feb 2, 2017 at 8:53

Moon Mysterious

1741 silver badge15 bronze badges

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

2 Comments

user3255061 Over a year ago

Thanks for answering such an old question!

Manuel Rivera Over a year ago

Wow, this really works. I tried without the interval and no rows were selected. With interval it worked perfect. Thanks ...

Community · Accepted Answer · 2017-05-23 10:29:30Z

0

It does work, you just need to wait for the grid to be loaded, for example with a small timeout. This way the browser renders your DOM and executes the JS afterwards, even with very small timeout. See this answer about timeout.

I updated your Plunkr.

setTimeout(function(){
  _.each($scope.gridOptions.data, function(companies, index){
    $scope.gridApi.selection.selectRow($scope.gridOptions.data[index]);
  });
}, 1);

edited May 23, 2017 at 10:29

CommunityBot

11 silver badge

answered Apr 7, 2016 at 9:27

CMR

9331 gold badge7 silver badges8 bronze badges

1 Comment

user3255061 Over a year ago

Thanks for your help, but according to github.com/angular-ui/ui-grid/issues/… there should be no more $timeout needed.

Collectives™ on Stack Overflow

Programatically select row in UI-Grid without listener

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related