2015-06-10 39 views
1

呈现我正在从服务器获取数据,并接收20个数据项。但是,只有6行被渲染,并且在ng-repeat内部有6行。但是画布的高度计算正确所有其他项目在窗口大小调整后出现。 这个问题类似于:https://github.com/angular-ui/ng-grid/issues/860 但使用virtualizationThreshold不工作对我来说并没有什么其他方式并非所有的行都在我的项目中以ng-grid

这里是控制器部分代码:

app.controller('NagruzkaController', ['$scope', 'NagruzkaService', 'Cacher', 'RawInfoRetriever', '$timeout', 
function ($scope, NagruzkaService, Cacher, RawInfoRetriever, $timeout) { 
    $scope.configRequest = {}; 

    $scope.showLoader = false; 
    $scope.showTable = false; 

    $scope.fetch = function() { 
     $scope.showLoader = true; 

      NagruzkaService.getAll().then(function (data) { 
       var tmp = RawInfoRetriever(data); 
       $scope.nagruzkaData = tmp; 
       Cacher.nagruzka = $scope.nagruzkaData; 

       $scope.showLoader = false; 
       $scope.showTable = true; 
      }); 
     } 
    }; 

    $scope.gridOptions = { 
     data: 'nagruzkaData', 
     enableColumnResize: true, 
     showGroupPanel: true 
    }; 

在我的HTML模板我用NG ---栅网这样:

<div class="gridStyle" ng-grid="gridOptions" ng-show="showTable"></div> 

我得到了NG-电网通过NPM和我目前的版本是2.0.1 我试图获得更高版本并试图用2.0.14,但与此VERSI在行上根本不显示,直到窗口大小调整。

任何人都可以帮助我吗?

回答

0

最后,当我需要解决那么快,我所能说的问题,我最终只是通过jQuery,这使得NG-电网重建,并显示从服务器接收的所有数据触发空“调整”事件。

0

你将不得不使用一个NG-网格插件Flexible Height Plugin。将此插件添加到网格选项的插件属性。

$scope.gridOptions = { 
    data: 'nagruzkaData', 
    enableColumnResize: true, 
    showGroupPanel: true, 
    plugins: [new ngGridFlexibleHeightPlugin()] 
}; 
+0

这是我想的第一件事情,但是当我这样做,我得到了一个错误: TypeError:无法在Object.self.init.innerRecalcForData [as fn](​​ng-grid-flexible-height.js:10) 未知的属性“长度” 处失败的代码行是: var rowCount = self.grid.dataChanged.length; – volk

+0

看来我还没有最新版本的插件,但是当我把它改为版本在您的链接,我经历了下一个问题: 1 - 没有显示在所有直到窗口调整 2 - 数据后,其他视图加载仍然只有6个项目显示,并在尝试ti调整大小后,我得到:'不能读取属性'$$阶段'null' – volk

0

请使用此不并不是所有的行以ng网 渲染它的工作100%

$scope.gridOptions.excessRows = 100; 
相关问题