将自定义菜单项添加到角度 ui 网格中的列菜单

Question

我想在 ui-grid 的列菜单中添加一个自定义菜单项。

$scope.gridOptions = {
                    paginationPageSizes: [25, 50, 75],
                    paginationPageSize: 25,
                    enablePaginationControls: true,
                    useExternalPagination: true,
                    useExternalSorting: true,
                    enableScrollbars: true,
                    enableColumnMenu: true,
                    enableRowSelection: true,
                    enableSelectAll: true
}

请帮忙。

Answer 1

angular ui-grid 提供自定义列菜单的功能 - Customizing the Column menu

我还创建了一个小提琴，它将为 Column Menu 中的 Name 列添加名为“Grid Id”的自定义菜单。

Check the Fiddle here

Add menuItems function to $scope.gridOptions
 menuItems:[{
                title:'Grid Id',
                action: function(){
                         //add your logic here
                    alert('Grid ID: ' + this.grid.id);
                }
            }],