Configurazione evento doppio clic griglia angolare ui

Question

Quindi sto cercando di ottenere la mia griglia UI angolare per registrare un evento doppio clic su un'intera riga per aprire una modale. Posso iniziare con un toast toastr e andare da lì però. Questo è il più vicino che ho trovato basato su vari demo ed esempi online, ma non riesco proprio a farlo funzionare.

Controller:

$scope.gridHandlers = { 
    onDblClick: function(rowItem){ 
    toastr.success(rowItem, 'Row Item:') 
    } 
} 
$scope.gridOptions = { 
    onRegisterApi : function(gridApi){ 
    $scope.gridApi = gridApi 
    }, 
    data: $scope.customerList, 
    enableRowHeaderSelection: false, 
    enableRowSelection: true, 
    enableSelectAll: false, 
    multiSelect: false, 
    noUnselect: true, 
    rowTemplate: '<div ng-dblclick="getExternalScopes().onDblClick(row)" external-scopes="gridHandlers" ng-repeat=\"(colRenderIndex, col) in colContainer.renderedColumns track by col.colDef.name\" class=\"ui-grid-cell\" ng-class=\"{ \'ui-grid-row-header-cell\': col.isRowHeader }\" ui-grid-cell></div>', 
    columnDefs : [ 
    {name: 'name', type: 'string'}, 
    ...etc 
    {name: 'status_name', displayName: 'Status', width: '11%', type: 'string'} 
] 

Vista:

<div class="large-12 cols" ui-grid="gridOptions" ui-grid-selection external-scopes="gridHandlers"> 

Ho provato con i metodi grid.appScope di cui parlano e tutto il resto, ma non riesco proprio a farlo funzionare. Dove sono qui, totalmente fuori?

Answer 1

grid.appScope ha funzionato per me. Si prega di vedere il plnkr (Fare doppio clic su qualsiasi riga per vedere i dati della riga)