angularjs - ng-grid 是否有右键单击上下文菜单？

Question

ng-grid 是否提供右键单击上下文菜单？

我在 http://angular-ui.github.io/ng-grid/ 上找不到它

不过我确实记得几周前(2014 年 7 月)有一个全面的演示页面可用，其中显示了行级别甚至单元级别的右键单击上下文菜单。

很遗憾，我现在没有那个 URL，奇怪的是再也无法在 Google 上找到它了。

提前致谢。

Answer 1

是的，ng-context-menu 是要走的路。只是不要将下拉代码与 rowTemplate 放在一起，因为位置不正确。将它放在 ui-grid 之外。这种方法的唯一问题是获取当前的 ui-grid 行。我决定在上下文菜单打开时将其保存到 Controller 范围。我的行模板:

<script type="text/ng-template" id="member-list.row.html">
        <div ng-click="col.isRowHeader || grid.appScope.selectNode(row.entity)" ng-repeat="(colRenderIndex, col) in colContainer.renderedColumns track by col.uid" ui-grid-one-bind-id-grid="rowRenderIndex + '-' + col.uid + '-cell'" class="ui-grid-cell" ng-class="{'ui-grid-row-header-cell': col.isRowHeader, '__selected': row.entity.id===grid.appScope.selectedNodeId }" role="{{col.isRowHeader ? 'rowheader' : 'gridcell' }}" ui-grid-cell style='cursor:pointer' context-menu="grid.appScope.contextMenuEntity = row.entity" data-target="cml_menu"></div>
    </script>

注意其中的 context-menu="grid.appScope.contextMenuEntity = row.entity"data-target="cml_menu" 部分。这样我以后就可以在需要的地方使用 contextMenuEntity 了。在上下文菜单下拉列表中使用它:

<ul class="menu __context" role="menu" id="cml_menu">
  <li class="menu-item" ng-click='blade.showDetailBlade(contextMenuEntity, contextMenuEntity.displayName)'>
    <i class="menu-ico fa fa-edit"></i> Manage
  </li>
  <li class="menu-item" ng-click='delete(contextMenuEntity)'>
    <i class="menu-ico fa fa-trash-o"></i> Delete
  </li>
</ul>