如何在可扩展的 ui-grid 中绑定子网格事件答案

【问题标题】：How to bind subgrid events in expandable ui-grid如何在可扩展的 ui-grid 中绑定子网格事件
【发布时间】：2016-05-11 09:10:22
【问题描述】：

ui-grid（可扩展 ui 网格）中子网格的 ng-click 事件不起作用。但同样的（ng-click）适用于具有“grid.appScope”范围的外部网格。但我不知道如何在可扩展网格中绑定子网格事件。我将我的代码保存在下面的 plnkr 中。 “点击我”在内部网格中不起作用。

有一个“expandableScope”属性。但我不确定如何使用它。请查看 plnkr 代码plnkr

我在gridOptions的sn-p下面添加了

expandableRowScope: { clickMeSub: function(){alert('hi');} }

我尝试从如下所示的 expandableRowScope 调用 clickMe 方法。

<button class="btn primary" ng-click="grid.expandableRowScope.clickMeSub()">Click Me </button>

还是没有运气。

【问题讨论】：

【解决方案1】：

您对子网格的 ng-click 只需要引用它自己的 appscope，而不是父网格 expandableRowScope。

ng-click="grid.expandableRowScope.clickMeSub()"

应该是

ng-click="grid.appScope.clickMeSub()"

【讨论】：