Answered

Not able to refresh Subgrid on Power Pages form

(0) Share

Report

Posted on by Pragatij

Hi everyone,

I have added a subgrid on power pages form and I want to refresh/reload the subgrid on buttonclick, but I am not able to achieve this.

I have tried with $('#Subgrid').load() but its not working

Also tried with column sorting $("[aria-label='Column name']").click() but this is not working in case of pagination.

Please let me know if anyone is having solution for this.

Categories:

General topics

I have the same question (0)

All responses (9)

Answers (1)

fm_skeller 277 Moderator on at

Like (0)

Report
Copy link

Link copied!
@Pragatij you can reload a subgrid with javascript by triggering the "refresh" event of the entity grid:
$("#subgridid .entity-grid").trigger("refresh");

Was this reply helpful? Yes No
Pragatij 44 on at

Like (0)

Report
Copy link

Link copied!

@fm_skeller Thank you for your reply grid refresh is working now but can we write similar function for grid reload.

Was this reply helpful? Yes No
fm_skeller 277 Moderator on at

Like (0)

Report
Copy link

Link copied!

@Pragatij I am not sure what you mean by grid reload? How is this different from a refresh? Are you referring to the event that triggers when the subgrid is done loading?

Was this reply helpful? Yes No
Pragatij 44 on at

Like (0)

Report
Copy link

Link copied!

@fm_skeller using trigger refresh the subgrid is getting refreshed but still its not reflecting the latest added value in the grid. using $("[aria-label='column Name']").click(); function the grid is reflecting the latest added value but with this pagination of the grid is breaking.
So I want the grid to reload and show all the newly added records

Was this reply helpful? Yes No
Verified answer

ragavanrajan 7,044 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!
Hi @Pragatij

The simple way is to sort the column by ascending/descending after the subgrid is refreshed.

Try the below code

In Power Pages Mangagement App:

1. Under Content > Lists> Choose the list

2. Options> Custom JavaScript

Add the following code

$(document).ready(function() { setInterval(function() { $(".view-grid th:first a:first").trigger("click"); }, 20000); });

PS: Change the column trigger according to your requirements

Hope it helps.
------------

If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.

Was this reply helpful? Yes No
Pragatij 44 on at

Like (0)

Report
Copy link

Link copied!

Hi @ragavanrajan Thank you for your reply.. I tried the above approach mentioned by you.. But with this approach the grid pagination is breaking and the issue is intermittent some times pagination works and sometimes pagination is not at all visible.

Was this reply helpful? Yes No
ragavanrajan 7,044 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!

Could you remove the refresh part @Pragatij?

Just try the code I have shared. It is equivalent to refreshing the grid and newly added data will be visible.

Hope it helps.

------------

If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.

Was this reply helpful? Yes No
Pragatij 44 on at

Like (0)

Report
Copy link

Link copied!

Hi @ragavanrajan yes I tried the code which you have shared.. Its refreshing the subgrid properly but sometimes it is breaking the pagination of the grid.. pagination is not at all visible sometimes

Was this reply helpful? Yes No
ragavanrajan 7,044 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!

Hi @Pragatij

Can you confirm the bootstrap version?

Check my article if you are struck

https://ragavanrajan.medium.com/how-to-check-the-bootstrap-version-in-power-pages-9d0ddbbea1d0

Hope it helps.

------------

If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.

Was this reply helpful? Yes No