如何處理用戶界面的動態下拉菜單？

我想添加一個下拉列表到我的「類型」列，我可以選擇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

來源

2017-04-17 UCDaCode

這應該做它...

$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。

來源

2017-04-19 14:31:26

有趣。這裏有一個更新的plunker：[鏈接]（https://plnkr.co/edit/XgT7XxSjpLAK9UJCjhHE?p=preview）當我檢查自己的價值時，我想要Type列反映最後被檢查的x，y或z 。 – UCDaCode

忽略先前的評論。這裏是更新的評論：plunker：[link]（https://plnkr.co/edit/XgT7XxSjpLAK9UJCjhHE?p=preview）當選擇Own Value時，Type列單元應該總是反映最後一個x，y或z沒有被檢查。當我檢查x，y或z框時，類型只反映xyz。如果自己的價值被檢查，產品將是自己的價值*數量。在選中「自己的值」時，類型不會反映xy | z。這可能嗎？非常感謝你的耐心。 – UCDaCode

我的回答至少有幫助，如果它實際上沒有回答你的原始問題？ –

如何處理用戶界面的動態下拉菜單？

回答

相關問題