Angularjs ui-grid

Question

如何捕获ui-grid中的下拉列表选择更改。我已经像这样定制了'ui-grid / dropdownEditor'

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>'

在ui-grid / dropdownEditor中添加了 ng-change =“vm.onDropdownChange（row）”但未触发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){

    }
}

请告诉我哪里出错了以及如何完成此功能。

Answer 1

您需要使用appScope来触发您的功能。

看看here

{{1}}