Angular ui网格双击事件设置

德兰

所以我试图让我的Angular UI Grid在整个行上注册一个双击事件以打开模式。我可以从烤面包片开始,然后从那里开始。这是我根据各种在线演示和示例得出的最接近的结果,但是我似乎无法使其正常工作。

控制器:

$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(双击任何行以查看行数据)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

UI Grid Angular,网格渲染但不显示数据

来自分类Dev

如何下载Angular UI网格?

来自分类Dev

如何访问Angular UI网格中的排序行?

来自分类Dev

Angular JS网格验证

来自分类Dev

Angular Material Design网格列表上的Click事件

来自分类Dev

在Ui网格Angular中定义列位置

来自分类Dev

angular-ui:轮播上的触发事件

来自分类Dev

最初如何使Angular ui网格扩展所有行?

来自分类Dev

如何使Angular ui网格最初基于数据扩展行?

来自分类Dev

UI网格在Angular-UI选项卡中消失

来自分类Dev

带有gridOptions的Angular Form ui网格

来自分类Dev

Angular 2的数据网格

来自分类Dev

angular js:UI网格设置onclick事件行并标识被单击的行

来自分类Dev

Angular Kendo-在CSS或SCSS中设置网格列宽

来自分类Dev

无法在eventReceived事件上为Angular中的事件设置ID

来自分类Dev

使用rowSelected在Angular Kendo UI网格中设置初始选定的行

来自分类Dev

Angular不会更新键盘事件的UI

来自分类Dev

在Angular JS中渲染后angular-ui / ui-calendar更改事件源

来自分类Dev

在Ui网格Angular中定义列位置

来自分类Dev

Jasmine测试用例,用于Angular UI网格onRegisterApi功能

来自分类Dev

Angular JS UI网格未更新为新内容

来自分类Dev

双击事件?

来自分类Dev

Angular 2 Kendo网格中detailinit事件的替代方法

来自分类Dev

从Angular UI日历事件中删除事件时间

来自分类Dev

如何在 Angular UI 网格中获得正确的 rowEntity?

来自分类Dev

Angular UI 网格中的 getSelectedRows

来自分类Dev

Angular 2+ 从事件(ag 网格)访问类变量

来自分类Dev

双击 Angular 指令

来自分类Dev

直接从 Angular 客户端订阅 Azure 事件网格主题

Related 相关文章

热门标签

归档