如何访问Angular UI Grid中的已排序行?

时间:2014-10-09 08:26:10

标签: javascript angularjs sorting angular-ui-grid

我正在使用Angular UI Grid来显示一些数据。排序已启用并初始化以及选择单行:

vm.gridOptions = {
    enableSorting: true,
    enableRowSelection: true,
    multiSelect: false,
    noUnselect: true,
    columnDefs: [
        { name: '#', field: 'ID' },
        { name: 'Name', field: 'CODE', sort: { direction: 'asc', priority: 1 } },
        { name: 'Comment', field: 'DESCR' },
    ],
    data: []
};

我可以选择一行,并按照“配置”列的升序排列行。

UI Grid Tutorial 210所示,我添加了逻辑,以便在我的数据加载并添加到网格后自动选择第一个项目:

datacontext.getAllGcTab(vm.filter).then(function (result) {
    vm.gridOptions.data = result.results;
    vm.gridApi.selection.selectRow(vm.gridOptions.data[0]);
});

但是此代码正在选择未排序数据的第一项。我的网格中有大约500个项目,这些项目并不多,并且表现良好,但在这种情况下,所选项目位于线下并且不可见。

是否有任何选项可以直接访问UI Grid的行或排序数据?

我知道外部排序可以解决这个问题,因为我会将已排序的数据分配给网格。但在我看来,这似乎是一种不必要的开销......

1 个答案:

答案 0 :(得分:10)

$scope.gridApi.core.getVisibleRows()以当前排序/过滤器顺序返回行数组。