如何在可展开的UI网格中选择子网格行?

How to select a subgrid row in an expandable ui grid?

提问人:poignantpinata 提问时间:10/14/2022 最后编辑:poignantpinata 更新时间:10/26/2022 访问量:51

问:

我正在实现一个可扩展的 ui 网格。展开父行时,我希望根据父行的数据自动选择子网格中的一行。

如何获取子网格行的列表?有没有办法用方法查找和选择它们?我可以设置我是否有行,并且我可以用 获取行列表(不包括任何子网格行),但我不知道如何获取子网格行列表。gridApi.selectionisSelected = true$scope.gridApi.grid.rows

$scope.fruits = [...];
$scope.colors = [...];
$scope.gridOptions = {
  data: $scope.fruits,
  enableRowSelection: true,
  expandableRowTemplate: '<div ui-grid="row.entity.subGridOptions"></div>',
  ...
  onRegisterApi: function (gridApi) {
    $scope.gridApi = gridApi;
    gridApi.expandable.on.rowExpandedStateChanged($scope, function (row) {
      if (row.isExpanded) {
        row.entity.subGridOptions = {
          data: $scope.colors,
          ...
        };
        if (row.entity.color_id) {
          // need help here
          _.forEach(/*rows in subgrid*/, function(colorRow) {  
            if (colorRow.entity.id === row.entity.color_id) {
              colorRow.isSelected = true;
            }
          });
        }
      }
    });
  }
};
javascript angularjs angular-ui-grid 可扩展

评论


答: 暂无答案