Question

我在我的一个AngularJs项目中使用https://www.ag-grid.com/。我的要求是在任何分组发生时禁用任何列上的排序。

我知道我们可以使用以下配置在单列上禁用sorting/filtering：

colDef.suppressMenu = true
colDef.suppressSorting = true <--- this i can set up while giving column definition

但如何在特定条件下动态完成，有关更多说明，请查看下图

在此，我正在按国家/地区对网格进行分组并展开爱尔兰国家/地区，但现在我不禁用任何参数的排序，并在分组属性时再次启用它被删除了。

有没有办法实现这一点，请告诉我，如果已经存在任何重复的问题，请在评论部分添加。

谢谢

Answer 1

colDef.suppressMenu = true
colDef.suppressSorting = true

http://www.angulargrid.com/angular-grid-column-definitions/index.php

例如：http://jsfiddle.net/7ony74h5/1/

Answer 2

最后，我解决了问题:)，添加了答案，这可能会对其他人有所帮助

注意：我不依赖于Ag-Grid分组我从后端分组数据后得到了所以下面的细节可能会改变仅取决于Ag-Grids

Ag-Grid提供各种事件监听器，其中一个是columnRowGroupChanged

所以我注册了这个监听器：

vm.gridOptions.api.addEventListener("columnRowGroupChanged", vm.updateRowData);

然后在updateRowData方法中我创建了我的headerRow，它将在分组后由Ag-Grid使用，我当时也在配置是否要排序：

vm.updateRowData = function (groupedColumnInfo) { 
                                /\
                                ||
                                ||
                           Column Information on which grouping has been done

............
............
 // Some Processing to get required details and finally setting the header again
............
............
vm.headerData = {
    headerName: groupingAttributeItem.label,
    field: fieldName,
    width: 150,
    headerClass: 'groupable-header',
    cellClass: 'groupable-cell p-xs',
    key: groupingAttributeItem.key,
    sort: (params.sortingInfo && params.sortingInfo.colId === groupingAttributeItem.key) ? params.sortingInfo.sort : '',
    suppressSorting: groupedColId ? true : false <--- deciding factor 
};

  // *Deciding factor* line checks that if some grouping has been done
 // if NO then don't suppress sort for that column otherwise enable sorting
}

注意：默认情况下，所有列都启用了排序，因此我们必须明确禁用它。

这只是我完整代码库的片段，因此跳过了获取标签和其他内容的方式。

希望它可以帮助别人谢谢......

Answer 3

用于抑制排序的属性现在为

可排序：错误

https://www.ag-grid.com/javascript-grid-sorting/

如何禁用Ag-grid中特定列的排序？

3 个答案: