ag-grid服务器端排序/分页社区版本Angular
ag-grid服务器端排序/分页社区版本Angular
提问于 2021-07-13 19:55:16
我为datagrid安装了ag-grid库，服务器端的排序和分页是在NodeJs中实现的，现在我正在尝试找出应该触发哪些事件控制器来调用相关的方法。如果您以前实现过它，请让我们知道。
<ag-grid-angular
style="width: 100%; height: 500px;"
id="myGrid"
class="ag-theme-fresh"
[rowData]="rows"
[overlayLoadingTemplate]="overlayLoadingTemplate"
[sideBar]="true"
[defaultColDef]="defaultColDef"
[columnDefs]="columnDefs"
[suppressDragLeaveHidesColumns]="true"
[rowClassRules]="rowClassRules"
[rowSelection]="'multiple'"
[suppressRowClickSelection]="true"
(selectionChanged)="onSelectionChanged($event)"
(gridReady)="onLoadTableData($event)"
>
</ag-grid-angular>
回答 1
Stack Overflow用户
发布于 2021-07-14 15:32:30
我通过将(selectionChanged)="onSelectionChanged($event)“事件控制器添加到和添加了
const sortState = this.gridApi.getSortModel(); to printSortStateToConsole()
public printSortStateToConsole(params) {
const sortState = this.gridApi.getSortModel();
if (sortState.length == 0) {
console.log("No sort active");
} else {
console.log("State of sorting is:", sortState[0].colId, sortState[0].sort);
this.page.orderDir = sortState[0].sort;
this.page.orderBy = sortState[0].colId;
this.reloadTable();
}
} <ag-grid-angular
style="width: 100%;"
id="myGrid"
class="ag-theme-fresh"
[rowData]="rows"
[overlayLoadingTemplate]="overlayLoadingTemplate"
[sideBar]="true"
[defaultColDef]="defaultColDef"
[enableServerSideSorting]="true"
[columnDefs]="columnDefs"
[suppressDragLeaveHidesColumns]="true"
[rowClassRules]="rowClassRules"
[suppressRowClickSelection]="true"
[pagination]="true"
[paginationPageSize]="page.size"
(paginationChanged)="printPaginationStateToConsole($event)"
(sortChanged)="printSortStateToConsole($event)"
[rowSelection]="'multiple'"
(selectionChanged)="onSelectionChanged($event)"
(gridReady)="onLoadTableData($event)"
>
</ag-grid-angular>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68361910
复制相关文章
相似问题
腾讯云开发者
