JS code to refresh many regions with server-side condition

A_ce1

Hi,

I have multiple regions on a page that I would like to refresh in one JS code. I used the following code: apex.region("XYZ").refresh();

There are over 20 regions on the page that I want to refresh, regions have a server-side condition that determines whether they are displayed or not. When I execute apex.region("XYZ").refresh(); on a region that is not visible via the server-side condition I get an error:

Cannot read properties of null (reading 'refresh')

Is there any way to solve this?

Hamza Al-abbasi

Hello A_ce1,

For APEX 21.2 and later you can try something like this :

var regions = apex.regions;

for (var key in regions) {
    if (regions.hasOwnProperty(key)) {
        regions[key].refresh();
    }
}

InoL

Before refreshing a region, use JS to see if it exists in the DOM:

if (document.getElementById("myId")){
    apex.region("myID").refresh();
} 

MattBall

Just use a dynamic action.

Add a CSS class to all the regions. Eg regionRefresh

Create a dynamic action to refresh a target type of Jquery selector and use the CSS class eg .regionRefresh

Hamza Al-abbasi

Hello A_ce1,

For APEX 21.2 and later you can try something like this :

var regions = apex.regions;

for (var key in regions) {
    if (regions.hasOwnProperty(key)) {
        regions[key].refresh();
    }
}

InoL

Before refreshing a region, use JS to see if it exists in the DOM:

if (document.getElementById("myId")){
    apex.region("myID").refresh();
} 

MattBall

Just use a dynamic action.

Add a CSS class to all the regions. Eg regionRefresh

Create a dynamic action to refresh a target type of Jquery selector and use the CSS class eg .regionRefresh

MattBall

Alternative if it must be JS

Add a CSS class and a static id to the regions to be refreshed

If your class is "regionRefresh" this would be the javascript

for (reg of document.getElementsByClassName("regionRefresh")) {

apex.region(reg.id).refresh()

}