Angular ui 网格双击事件设置
Angular ui grid double click event setup
所以我试图让我的 Angular UI 网格在整行上注册一个双击事件以打开一个模式。不过,我可以从吐司吐司开始,然后从那里开始。这是我根据各种在线演示和示例得出的最接近的结果,但我似乎无法让它发挥作用。
控制器:
$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 方法和其他所有方法,但我就是无法让它发挥作用。我在哪儿,完全不在?
grid.appScope
对我有用。请查看 plnkr(双击任意行可查看行数据)
所以我试图让我的 Angular UI 网格在整行上注册一个双击事件以打开一个模式。不过,我可以从吐司吐司开始,然后从那里开始。这是我根据各种在线演示和示例得出的最接近的结果,但我似乎无法让它发挥作用。
控制器:
$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 方法和其他所有方法,但我就是无法让它发挥作用。我在哪儿,完全不在?
grid.appScope
对我有用。请查看 plnkr(双击任意行可查看行数据)