Question

在角度ui网格中我正在动态添加列定义，如下所示。

在html中我有

 <div id="ClientHT" data-ui-grid="gapAnalysisClientMatricsOptions" class="grid"></div>

在angularjs中的

我正在向数据库发送请求并获取数据我正在获取下面的列

      $scope.getData = function (RegionId, SubRegionId) {            
        datacontext.getDataFromUrl(Constants.Client.getGapAnalysisClientMatrics + "?regionIds=" + '2' + "&country=" + '' + "&subRegionId=" + '' + "&Ghc=" + '').then(data=> {                
            $scope.loading = false;
            if (data.Table2.length > 0) {                    
                $scope.CreateMatrics(data.Table2);

            }
            $scope.length = data.Table1.length;                
            $scope.gapAnalysisClientGridOptions.data = data.Table1;
            $scope.gridApi.grid.refresh();
            $scope.gridApi2.grid.refresh();
            if (!$scope.$$phase) {
                $scope.$apply();
            }

        }, errorData => {
                toastr.error('Sorry, something went wrong while getting Gap Analysis client data', 'Error');
            });
    };


    $scope.CreateMatrics = function (dtMatrics) {            
        $scope.gapAnalysisClientMatricsOptions.data = dtMatrics;
        $scope.columns = [];
        var ArrColumns = Object.getOwnPropertyNames(dtMatrics[0]);
        for (var i = 0; i < ArrColumns.length; i++) {
            var colName = ArrColumns[i];
            $scope.columns.push({   
                field: ArrColumns[i]                    
                , displayName: ArrColumns[i]
                , headerTooltip: ArrColumns[i]
                , width: '150'
                , groupingShowAggregationMenu: false
                , enableGrouping: false
                , enableCellEdit: false 
                , cellTooltip: 'true'

            })

        }
        $scope.gridApi2.grid.refresh();

    }

在这个celltooltip和cell模板中都不起作用。如果有人遇到同样的问题请帮助我。

如何使用angular-ui-grid动态添加列

0 个答案: