In this article, we are going to see how to refresh IG (Interactive grid) header using JavaScript without page submission in Oracle APEX. In that end of the page, I have given demo application for your reference.
Now the following step will get you there to achieve your objective.
Step1:
Step 2:
If you have any clarification or doubt or anything else, just leave a message in the comments box.
Now the following step will get you there to achieve your objective.
Step1:
- create an Interactive grid in Apex and set "Static ID" for that region. for example, I have given my IG region id is 'emp'. Similarly set a "Static ID" for a column in which you want to refresh a header column. For example, I have given a static id to ename column 'ENAME'.
Step 2:
- Create a button and set dynamic action "onclick event" for that button to achieve our objective. In that dynamic action event, create 'Execute JavaScript Code' action and paste the following code:
- In the above-given JavaScript Code, emp and ENAME are the Static ID for corresponding region and column.
- After placing the JS code set 'Affected Element' to that particular region in that JavaScript Property.
That's it. Now you can run the application to which will refresh the header name correctly when you click the button.
