Question

我在项目中使用 ui-grid ，我需要在分页部分显示选定的行索引值。

例如，我的网格中共有100个项目，它分为4个页面，每个页面有25个项目。如果我从页面中选择第10行，我需要显示 25个项目中的10个

我正在使用：

HTML

 <div ui-grid="gridOptions" ui-grid-selection > </div>

控制器：

  $scope.gridOptions ={

  data:'data',
  coulmnDef: $scope.coulmnDef,
  paginationPageSizes: [25, 50, 75,100],
  paginationPageSize: 25,

};

你可以帮我任何一个，提前谢谢

Answer 1

您可以通过收听getSelectedRows事件来获取所选行，之后您可以在gridApi的{{1}}对象上使用selection方法。为此，请将以下内容添加到gridOptions对象：

$scope.selection = [];

$scope.gridOptions = {
    enableRowSelection: true,
    enableRowHeaderSelection: false,
    modifierKeysToMultiSelect: true,
    multiSelect: true,
    onRegisterApi: function (gridApi) {
        $scope.gridApi = gridApi;
        gridApi.selection.on.rowSelectionChanged($scope, function () {
            $scope.selection = gridApi.selection.getSelectedRows();
        });
    }
};

现在每次选择更改时，范围中的selection数组都会更新，您可以使用length属性来获取选择计数。希望有所帮助，祝你好运！

参考：information_schema.tables

在ui-grid中显示分页中的选定行数

1 个答案: