ui-grid 列 header 菜单未显示

Question

如图所示，未显示列菜单。

这是我的网格设置：

angular.module('app.ReportCtrl',['ngSanitize','ngTouch','ngCsv','ui.grid.grouping','ui.grid','ui.grid.autoResize','ui.grid.resizeColumns', 'ui.grid.moveColumns', 'reportFilters', 'reportDirectives', 'ui.bootstrap','ui.sortable'])
.controller('ReportCtrl',function($http, uiGridConstants,uiGridGroupingConstants,$rootScope, $scope, $filter, $timeout, PropertyService, EventService, SearchService, FormService, DatabaseService, ReportService, $location, $locale, EventColors, $modal, $q){

$scope.gridOptions = {
        data: 'queryResult',
        enableSorting: true,
        showColumnFooter: true,
        enableColumnResize : true,

    };

html:

<div id="table" class="gridStyle" ui-grid='gridOptions'  ui-grid-auto-resize ui-grid-grouping ui-grid-resize-columns ui-grid-move-columns></div>

更新当我点击按钮时出现错误：

Error: [$compile:ctreq] Controller 'ngModel', required by directive 'ngFocus', can't be found!

更新当我单击按钮时，菜单项中没有项目。

我错过了什么吗？

Answer 1

你能不能请添加 columnDefs 比如例如，

$scope.gridOptions = {
    enableSorting: true,
    columnDefs: [
      { field: 'cost', enableColumnMenu: true }
      ]};

请仔细阅读此 linkhttp://ui-grid.info/docs/#/tutorial/101_intro 它包含与 ui-grid 相关的所有概念以及示例。

Answer 2

问题是 ng-Focus 不喜欢 one/some 我的其他插件，我找不到哪个插件。所以我最终删除了 ui-grid.js 中 menuItem 模板中的 ng-Focus/ng-Blur，它对我有用。

不确定这是否是一个好的解决方案..

ui-grid 列 header 菜单未显示

ui-grid column header menu not showing

angularjs

angular-ui-grid