New Feature
This is a new feature in Joget DX 8.
Introduction
Component Events enables interactions between page components with event triggering and event listening.
Configuration
Example - Meeting Date Management
Expected Outcome
When a user clicks on the "Edit" button, a "Edit Meeting Details" form appears below the table without reloading the entire webpage.
You may learn more about Component Events by visiting the Joget DX Showcase application in the App Center, then clicking on New In DX 8 > Component Events.
Note
The Joget DX Showcase app is a default app that can be found in every fresh installation of Joget DX 8.
Required Components
| No. | Component | Name | Image (For Reference) |
|---|---|---|---|
| 1 | Form | Calendar - Meeting |
|
| 2 | List | Manage Meeting |
|
| 3 | UI |
|
Steps
- Make sure all the required components exist within an application.
- (From component 3) Click "Edit Page Components".
- Add a CRUD component to the Design.
- Configure the CRUD component's properties as such:
Under Configure CRUD:
Form Label Value Label * Manage Meeting List * List - Calendar - Meeting Form (Edit) Calendar - Meeting 
Under AJAX & Events:
Form Label Value Handle Component with AJAX? (Checked) - Checking this label will enable the following sub-properties. Event Listening Component Object Form Event Name * reload_table Matched Action Show and Reload Component Event Triggering Event Name * load_form Trigger Method * Link Clicked Parameters Changed Rules Parameter Name _mode Operator Equals To Value edit When Not Match Trigger Event Name hide_form 
sdfsdf