2015-05-07 3 views
5

Итак, я пытаюсь получить свою Угловую панель пользовательского интерфейса, чтобы зарегистрировать событие двойного щелчка на всей строке, чтобы открыть модальный. Я могу начать с тост-тоста и идти оттуда. Это самый близкий я, основанный на различных демонстрационных примерах и примерах в Интернете, но я просто не могу заставить его работать.Угловая конфигурация события двойного щелчка сетки

Контроллер:

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

Вид:

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

Я попытался с помощью методов grid.appScope они говорят о, и все остальное, но я просто не могу заставить его работать. Где я здесь, полностью отключен?

ответ

7

grid.appScope сделал произведение для меня. Пожалуйста, см. plnkr (Дважды щелкните по любой строке, чтобы увидеть данные строки)

+0

Я знаю, что это более старое сообщение. но в любом случае я следовал за вашим гидом (который работал, спасибо !!!), но я потерял часть функциональности из-за того, как был настроен шаблон строки. Теперь, когда я нажимаю «check» слева от сетки, строка больше не выделяется. Вы испытывали нечто подобное? – IWI

Смежные вопросы