将自定义菜单项添加到角度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

我还创建了一个小提琴，它将添加名为＆＃34; Grid Id＆＃34;列菜单中的名称列。

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);
                }
            }],