Auto-Refresh Listing Grids When Items Change
This JavaScript snippet automatically refreshes multiple JetEngine listing grids when items are added to or removed from a shared data store. It listens for JetEngine data store events and reloads all connected grids by their sync IDs, keeping content up-to-date across the page.
Specifications
Auto-Refresh Listing Grids When Items Change
6 January, 2026
-
Plugin
-
Category
-
Programming languages
Installing Instruction
- Copy the provided JavaScript code snippet to your clipboard.
- Add the code using one of the following methods:
-
Option A: Using a Custom Code Plugin (Recommended)
- Install and activate a plugin such as WPCode Lite, Code Snippets, or Simple Custom CSS and JS.
- Create a new JavaScript snippet.
- Paste only the JavaScript code, without <script> tags.
- Save and activate the snippet.
-
Option B: Using a Custom Code / HTML Area
- Add the code in a Custom HTML widget or directly into a theme file (for example, header.php or footer.php).
- Keep the <script> tags when using this method.
- Save your changes.
-
Option A: Using a Custom Code Plugin (Recommended)
Example Use Case
Use this snippet to auto-refresh multiple JetEngine listing grids when items get added or removed from a shared data store, keeping content synchronized across grids.
Applicable scenarios:
- Ecommerce sites with multiple product listing views needing real-time sync.
- Membership or directory sites showing user-specific content in several places.
- Dynamic dashboards where changes in one component should reflect in others.
Specifications
Auto-Refresh Listing Grids When Items Change
6 January, 2026
-
Plugin
-
Category
-
Programming languages