Updating selected rows into ng-grid

2019-05-22 20:38发布

I am updating the list of selectedItems but the selections (checkboxes) on the UI are not getting updated for the same.

index.html

<body ng-controller="MyCtrl">
    <div class="gridStyle" ng-grid="gridOptions"></div>

    <h3>Rows selected</h3>
    <pre>{{selectedRows}}</pre>
    <button ng-click="selectAdam()">Select Adam</button>
</body>

main.js

var app = angular.module('myApp', ['ngGrid']);
app.controller('MyCtrl', function($scope) {
$scope.myData = [{name: "Sam", age: 50},
                 {name: "Peter", age: 43},
                 {name: "Jacob", age: 27},
                 {name: "Scott", age: 29},
                 {name: "Adam", age: 34}];
$scope.selectedRows = [];
$scope.gridOptions = { data: 'myData',
showSelectionCheckbox: true,
selectedItems: $scope.selectedRows
};
$scope.selectAdam = function() {
$scope.selectedRows.push({name: "Adam", age:34});
}
});

Plunkr for the code

Am I missing something here?

标签： angularjs data-binding selection ng-grid

1条回答

叼着烟拽天下

2楼-- · 2019-05-22 20:45

Apparently this is how you do it (based on the example at ngGrid:

  $scope.selectAdam = function() {
    angular.forEach($scope.myData, function(data, index){
      if(data.name == 'Adam' && data.age == 34){
        $scope.gridOptions.selectItem(index, true);
      }
    });
  }

Working Plunker: http://plnkr.co/edit/K7b2ElQ1Z5uNAijFk7x4?p=info][1

0人赞添加讨论(0) 举报

Updating selected rows into ng-grid

采纳回答

编辑标签

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

付费偷看金额在0.1-10元之间