ui-gridの動的ドロップダウンを処理する方法は？

Question

• x、y、zのいずれかを選択できる「タイプ」列にドロップダウンを追加しようとしています。
• ドロップダウンでx、y、またはzを選択すると、x、y、z列のチェックボックスは変更されません。しかし

• 、私はX、Y、またはZのいずれかのチェックボックスをチェックし、downdrop値「タイプ」列には、

  { name: 'Type', displayName: 'Type', width: '7%',field:'getType()', editableCellTemplate: 'ui-grid/dropdownEditor', 
       editDropdownValueLabel: 'Type', enableCellEdit: true }, 
  

を変更するにはここに私のplunkerです：これが何をすべきhttps://plnkr.co/edit/mzSaxh3PVvqvfJtAYKkU?p=preview

Answer 1

それ...

$scope.updateType = function (entity, type) { 
    entity.xBox = type == 'x'; 
    entity.yBox = type == 'y'; 
    entity.zBox = type == 'z'; 
} 

editableCellTemplate: '<select ui-grid-edit-dropdown ng-init="result=row.entity.getType()" ng-options="type for type in [\'x\',\'y\',\'z\']" ng-model="result" ng-change="grid.appScope.updateType(row.entity, result)"></select>' 

あなたのPlunkerは、https://plnkr.co/edit/SbZkKubGtrzWYJhc8Qv9?p=previewを更新しました。