2015-05-07 14 views
5

Próbuję więc pobrać moją Angular UI Grid, aby zarejestrować zdarzenie z podwójnym kliknięciem w całym wierszu, aby otworzyć modal. Mogę zacząć od toastr toastr i pójść stamtąd. Jest to najbliżej, na jakie przyszedłem w oparciu o różne wersje demonstracyjne i przykłady w Internecie, ale po prostu nie mogę tego zmusić do działania.Konfiguracja zdalna dwukrotnego kliknięcia siatki ui

Kontroler:

$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'} 
] 

Widok:

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

Próbowałem przy użyciu metod grid.appScope Mówią o wszystko inne, ale ja po prostu nie mogę zmusić go do pracy. Gdzie ja jestem tutaj, całkowicie wyłączony?

Odpowiedz

7

grid.appScope pracowała dla mnie. Zobacz plnkr (Kliknij dwukrotnie dowolny wiersz, aby zobaczyć dane wiersza)

+0

Wiem, że jest to starszy wpis. ale tak czy inaczej, poszedłem za twoim przewodnikiem (który działał, dzięki !!!), ale straciłem kawałek funkcjonalności, ze względu na sposób, w jaki został skonfigurowany szablon wiersza. Teraz, po kliknięciu "wyboru" po lewej stronie siatki, wiersz nie jest już podświetlony. Czy doświadczyłeś czegoś podobnego? – IWI

Powiązane problemy