angularjs ng-grid dropdown not working with order by

Question

I have an angular grid (ng-grid) where one ove the columns has a dropdown which is bound to a property of the objects displayed in the rows.

<div class="gridStyle span9" ng-grid="gridOptions"></div> 

$scope.types = ['cat', 'dog' 'rat'];

    $scope.gridOptions = {
    data : 'AnimalData',
    columnDefs : [{
        field : 'name',
        displayName : 'Name'
    }, {
        field : 'birthday',
        displayName : 'Birthday'
    },{
        field : 'type',
        displayName : 'type'
        cellTemplate : 'cellTemplate.html'
    }]
};

cellTemplate.html:

<div>
  <select ng-model="AnimalData[ row.rowIndex ].type">
    <option ng-repeat="item in types">{{item}}</option>
  </select>
</div>

This binds to my objects perfectly well but when I order my grid the dropdowns do not order they just stay in the same place with the values not changing. How would i go about fixing this?

Rob K · Accepted Answer · 2013-06-21 01:41:35Z

1

Ok, found the issue. To reference the original object you need to change

AnimalData[ row.rowIndex ].type to row.entity.myEditableProperty.type

eg:

<div><select ng-model="row.entity.myEditableProperty.type" ng-options="item for item in types"></select></div>

Proof of concept Plunkr: http://plnkr.co/edit/i7vXng?p=preview

edited Jun 21, 2013 at 1:41

answered Jun 20, 2013 at 22:58

Rob K

2241 silver badge6 bronze badges

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

1 Comment

TJF Over a year ago

Unfortunately get the same result if I do it this way.

Collectives™ on Stack Overflow

angularjs ng-grid dropdown not working with order by

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