2016-05-12 65 views
1

如何捕捉ui-grid中的下拉選擇更改。我定製的 'UI網/ dropdownEditor' 這樣在Angularjs ui-grid中捕捉下拉選擇更改

var customCellTemplate = '<div><form name=\"inputForm\"><select ng-class="\'colt\' + col.uid" ui-grid-edit-dropdown ng-model=\"MODEL_COL_FIELD\" ng-change="vm.onDropdownChange(row)" ng-options=\"field[editDropdownIdLabel] as field[editDropdownValueLabel] CUSTOM_FILTERS for field in editDropdownOptionsArray\"></select></form></div>' 

新增NG-變化= 「vm.onDropdownChange(行)」 在UI網/ dropdownEditor但onDropdownChange事件沒有被解僱。

我的控制器看起來像這樣

function Controller(){ 
    vm.onDropdownChange = onDropdownChange;   

    vm.gridOption.columnDefs = [ 
     { 
      field: 'staus', displayName: 'Status', editableCellTemplate: customCellTemplate, width: '20%', 
      cellFilter: status filter, editDropdownIdLabel: 'status_id', editDropdownValueLabel: 'status', editDropdownOptionsArray: statusArray 
     }, 
     { 
      //Other fileds 
     }]; 

    function onDropdownChange(row){ 

    } 
} 

請告訴我,我要去哪裏錯了,如何做到這一點的功能。

回答

2

您需要使用appScope來觸發您的功能。

看一看here

grid.appScope.onDropdownChange();