Pagenated editable grid

Certified Senior Developer

I have to create a pagenated editable grid . But editable grid(a!gridLayout) don't have pagingInfo as we use in a!gridField() and as per the requirement editable grid should have pagenation working  in the same way as paging grid have

  Discussion posts and replies are publicly visible

  • Unfortunately for editable grids there is no out of the box configuration available for sorting or paging. This can implemented by having icons/images alongside the grid component and updating the data subset when these interacted with. That being said it requires a lot of custom coding which is not recommended from code maintenance point of view.

    I would suggest looking at other options when designing your user experience. For example, you could make the grid a paging grid, but allow the user to select a row. When they select a row, a field appears above or below the grid that allows the user to edit the information in that row. Hope this helps.
  • 0
    Certified Lead Developer
    Hi you need to build a section which will contain rich text Field having next (>, >> ) and previous (<, <<) option as a link and upon clicking you need to increase or decrease the paging and pass this paging to the child interface which queries the data from DB and renders the editable grid. But you need to make sure to store the updated values into the variable based on index, as it's an editable grid hence user might try to perform create, update or delete operation as well.

    Also, for sorting, you can define a dropdown on (having values as various sorting field name) upon selection, update the sortInfo of the pagingInfo

    In this way you will be able to work with editable grid with paging and sorting.

    Hope this helps.