title: Angular ui grid double click event setup
body: <p>So I'm trying to get my Angular UI Grid to register a double click event on an entire row to open up a modal.  I can start with a toastr toast and go from there though.  This is the closest I've come based on various demos and examples online, but I just can't seem to get it to work.  </p>
  
  <p>Controller:</p>
  
  <pre><code>$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: '&lt;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&gt;&lt;/div&gt;',
    columnDefs : [
    {name: 'name', type: 'string'},
     ...etc
    {name: 'status_name', displayName: 'Status', width: '11%', type: 'string'}
  ]
  </code></pre>
  
  <p>View:</p>
  
  <pre><code>&lt;div class="large-12 cols" ui-grid="gridOptions" ui-grid-selection external-scopes="gridHandlers"&gt;
  </code></pre>
  
  <p>I've tried using the grid.appScope methods they talk about and everything else, but I just can't get it to work.  Where am I here, totally off?</p>