Apply Pagination on cellclick event in slickgrid using angular

Question

Page onload slickgrid is loaded and Pagination is working but on cell click slick grid dataset value updated (new data added) but pagination value not update(didn't updatePagination). How to again apply pagination on click event. backendServiceApi not update the updated item count. How to call backendServiceApi again with the updated data. I'm using Pagination with Backend server odata method.

Answer 1

Your question is really missing details, but if you want to change page (pagination) after an on cell click. You can now do it through the new PaginationService that I added recently to the lib. In code that would be

<angular-slickgrid 
    gridId="grid5" 
    [columnDefinitions]="columnDefinitions" 
    [gridOptions]="gridOptions"
    [dataset]="dataset" 
    (onGridStateChanged)="gridStateChanged($event)"
    (onAngularGridCreated)="angularGridReady($event)">
</angular-slickgrid>

then in your Component

export class MyExample implements OnInit {
  angularGrid: AngularGridInstance;
  columnDefinitions: Column[];
  gridOptions: GridOption;
  dataset = [];

  angularGridReady(angularGrid: AngularGridInstance) {
    this.angularGrid = angularGrid;
  }

  defineGrid() {
    this.columnDefinitions = [
      {
        id: 'action', name: 'Action', field: 'action',  
        onCellClick: (e, args) => {
          // maybe do something with args or args.dataContext?
          this.goToPageNumber(2);
        },
      },
    ];
  }

  goToPageNumber(page: number) {
    this.angularGrid.paginationService.goToPageNumber(page);
  }

  goToFirstPage() {
    this.angularGrid.paginationService.goToFirstPage();
  }

  goToLastPage() {
    this.angularGrid.paginationService.goToLastPage();
  }
}

If you wish to do it on any column or cell clicked, you can use (sgOnClick)="onCellClicked($event.detail.eventData, $event.detail.args)" in your View and then in your Component onCellClicked(e, args) { ... }

But that might not be what you're asking for, again your questions is missing substance. Please give more details to your question and add code. What is your problem anyway? Also note Pagination only works with a BackendServiceApi which are OData or GraphQL (or even a custom one).

Oh and I'm the author of Angular-Slickgrid if you haven't noticed.