javascript - 如何在 ng-grid 中创建菜单

Question

我们确实在寻找如何在 ng-grid 中创建菜单的方法上遇到了问题。类似于共享点内的欧洲央行区 block 。

因此，会有一个按钮，单击该按钮将显示该特定行的选项。

我们可能找错了地方，但我们在互联网上找不到任何帮助或示例。

Answer 1

正如我几天前告诉过你的，你应该使用行和单元格模板来实现这样的目标。

以下是更改后的代码，以更好地匹配您问题的当前状态:

    $scope.gridOptions = {
    data: 'myData',
    rowTemplate: '<div   ng-style="{\'cursor\': row.cursor, \'z-index\': col.zIndex() }" ' +
      'ng-repeat="col in renderedColumns" ng-class="col.colIndex()" ' +
      'class="ngCell {{col.cellClass}}" ng-cell></div>' +
      '<div ng-show="showmenu" class="hmenu">' +
      '<ul>' +
      '<li><button ng-click="viewme(row.entity.name)">View</button></li>' +
      '<li><button ng-click="editme(row.entity.name)">Edit</button></li>' +
      '</ul>' +
      '</div>',
    columnDefs: [{
      field: 'name',
      displayName: 'Name'
    }, {
      field: 'age',
      displayName: 'Age',
      cellTemplate: '<div class="ngCellText">{{row.getProperty(col.field)}}' +
        '<span  ng-click="$parent.showmenu=!$parent.showmenu"><button>click me</button></span>' +
        '</div>'
    }]
    };

确实，这并不美丽，但它向您展示了如何继续下去。在 style.css 和行模板中进行样式设置。这是我周末用笔记本电脑所能做的最好的事情。

Here is the Plunker