2015-05-07 42 views
5

Vì vậy, tôi đang cố gắng để có được Angular UI Grid của mình để đăng ký một sự kiện nhấp đúp trên toàn bộ hàng để mở ra một phương thức. Tôi có thể bắt đầu với một toast toast và đi từ đó mặc dù. Đây là gần nhất tôi đã đến dựa trên các bản demo khác nhau và các ví dụ trực tuyến, nhưng tôi dường như không thể làm cho nó hoạt động được.Lưới ui góc đôi nhấp vào thiết lập sự kiện

Bộ điều khiển:

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

Xem:

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

Tôi đã thử bằng cách sử dụng phương pháp grid.appScope họ nói về và mọi thứ khác, nhưng tôi chỉ không thể có được nó để làm việc. Tôi đang ở đâu, hoàn toàn tắt?

Trả lời

7

grid.appScope đã hoạt động đối với tôi. Vui lòng xem số plnkr (Nhấp đúp vào bất kỳ hàng nào để xem dữ liệu hàng)

+0

Tôi biết đây là một bài đăng cũ hơn. nhưng dù sao, tôi theo hướng dẫn của bạn (mà làm việc, cảm ơn !!!), nhưng tôi bị mất một phần chức năng, do cách mẫu hàng được thiết lập. Bây giờ, khi tôi nhấp vào 'kiểm tra' ở bên trái của lưới, hàng không còn nổi bật nữa. Bạn có kinh nghiệm một cái gì đó tương tự? – IWI

Các vấn đề liên quan