我为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>
发布于 2021-07-14 07: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>
https://stackoverflow.com/questions/68361910
复制