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
    • JetEngine
  • Category
    • Dynamic Content
    • Dynamic Display
  • Programming languages
    • JavaScript
Source code

Installing Instruction

  1. Copy the provided JavaScript code snippet to your clipboard.
  2. Add the code using one of the following methods:
    1. Option A: Using a Custom Code Plugin (Recommended)
      1. Install and activate a plugin such as WPCode Lite, Code Snippets, or Simple Custom CSS and JS.
      2. Create a new JavaScript snippet.
      3. Paste only the JavaScript code, without <script> tags.
      4. Save and activate the snippet.
    2. Option B: Using a Custom Code / HTML Area
      1. Add the code in a Custom HTML widget or directly into a theme file (for example, header.php or footer.php).
      2. Keep the <script> tags when using this method.
      3. Save your changes.

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
    • JetEngine
  • Category
    • Dynamic Content
    • Dynamic Display
  • Programming languages
    • JavaScript
Source code

Let’s build together

Have your own solution?

Came up with a great solution and want to show it to the Crocoblock community?

Request a new feature

Leave a feature request through GitHub, and our developers will consider it