使用ng-if显示网格时,Ui-Grid排序列菜单选项未正确显示

时间:2017-08-16 23:28:45

标签: angularjs angular-ui-grid

我正在为UI-Grid使用minRowstoShow选项。为了正确地工作,我必须在UI-Grid上使用ng-if(等到$ http响应回来)..虽然这样做minRowsToshow选项工作正常。但在排序'删除排序'选项未显示。我正在使用externalSorting ..有什么想法吗?

这看起来像是以下线程的一部分。 https://github.com/angular-ui/ui-grid/issues/1735

我使用$ http调用获取数据的位置。像这样:

$http.get('https://cdn.rawgit.com/angular-ui/ui-grid.info/gh-pages/data/500_complex.json')  
    .success(function (data) {  
        $scope.gridOptions.minRowsToShow = data.length;  
        $scope.gridOptions.data = data;  
        $scope.dataLoaded = true;  
    });  

我的HTML:

<div ng-if="dataLoaded" id="grid1" ui-grid-resize-columns ui-grid-auto-resize ui-grid="gridOptions" class="grid"></div>  

此方案适用于minRowsToShow选项。由于ng-if在加载新数据时重绘网格或者排序分类状态不会持久化。标题栏仍然只显示&#39;排序升序&#39;,&#39;排序降序&#39;选项。没有选项显示&#39;删除排序&#39;。

如果我在网格上删除ng-if,那么排序工作正常。但是,未应用/更新minRowsToshow编号。

0 个答案:

没有答案