Catch dropdown selection changes in Angularjs ui-grid

Question

How to catch dropdown selection changes in ui-grid. I've customised 'ui-grid/dropdownEditor' like this

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

Added ng-change="vm.onDropdownChange(row)" in ui-grid/dropdownEditor but onDropdownChange event not fired.

And my controller looks like this

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){

    }
}

Please tell me where i'm going wrong and how to accomplish this functionality.

Maverick · Accepted Answer · 2016-05-12 07:41:06Z

2

You need to use appScope to trigger your function.

Have a look here

grid.appScope.onDropdownChange();

answered May 12, 2016 at 7:41

Maverick

4542 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

Catch dropdown selection changes in Angularjs ui-grid

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related