...
Event Set 2: The corresponding Form shows when the "Edit" button is clicked.
CRUD Component
| Form Label | Value |
|---|
| Handle Component with AJAX? | (Checked) | Info |
|---|
| | Checking this label will enable the following sub-properties. |
|
| Event Triggering |
Row 1
| Event Name * | load_form |
| Trigger Method * | Link Clicked |
Parameters Changed Rules | Row | Parameter Name * | Operator | Value |
|---|
| 1 | _mode | Equals To | edit |
|
| When Not Match Trigger Event Name | hide_form |
| Info |
|---|
| When the Edit button is clicked, the "_mode" parameter becomes equal to "edit", which triggers the "load_form" event. |
|
When the Trigger Event name doesn't match "load_form", then the "hide_form" event is called.
Image Removed
 Image Added
Figure 16:The Ajax & Events configuration of the CRUD Component in the Event Triggering section. |
Form Component
| Form Label | Value |
|---|
| Event Listening |
| Row 1 | Component Object | Manage Meeting |
| Event Name * | load_form |
| Matched Action | Show and Change Component URL Parameters |
Parameters * | Row | Parameter Name * | Parameter Value |
|---|
| 1 | id | {id} | | 2 | close | false | | 3 | _mode | edit | | 4 | _action | edit |
|
| Info |
|---|
| Upon receiving a call for this event, the Manage Meeting Component Object will Show and Change its Component URL Parameters to the set values. |
 Image Modified
Figure 17: The Ajax & Events configuration of the Form Component in the Event Listening section. |
Event Set 3(a): When the "Save" button is clicked - The table reloads with the new data.
Form Component
| Form Label | Value |
|---|
| Event Triggering |
Row 1
| Event Name * | reload_table |
| Trigger Method * | POST Request |
| Info |
|---|
| The Form triggers a "reload_table" event via a POST Request. |
 Image Modified
Figure |
1618: The Ajax & Events configuration of the |
CRUD Form Component in the Event Triggering section. |
...
CRUD Component
Handle Component with AJAX?(Checked) | Info |
|---|
| | Checking this label will enable the following sub-properties. |
| | Event Listening |
| Row 1 | Component Object |
Main Menu ComponentpageloadedHide | Show and Change Reload Component |
|
Main Menu Component CRUD component listens for a |
|
'page_loaded' event. When the event is triggered, it hides the Main Menu Component component object."reload_table" event from the Form, and then Shows and Reloads the CRUD Component, which in turns reloads the List and includes the newly updated values. |
 Image Added
Figure 19 |
Image Removed
Figure 15: The Ajax & Events configuration of the |
Form CRUD Component in the Event Listening section. |
Event Set 3(b): When the "Save" button is clicked - The Form becomes hidden.
Form Component
| Form Label | Value |
|---|
| Event Triggering |
Row 1
| Event Name * |
load| hide_form |
| Trigger Method * |
Link Clicked | | GET Request |
| Info |
|---|
| The Form checks the value of the 'close' parameter on any GET Request. If the value is true, then the 'hide_form' event is triggered. |
 Image Added
Figure 20: The Ajax & Events configuration of the Form Component in the Event Triggering section. |
|
| Row 1 | Component Object | Form |
| Event Name * | hide_form |
| Matched Action | Hide Component |
| Info |
|---|
| When the "hide_form" event is heard, the Form Component Object is hidden. |
 Image Added
Figure 21: The Ajax & Events configuration of the Form Component in the Event Listening section. |
| Row 2 | Component Object | Manage Meeting |
| Event Name * | hide_form |
| Matched Action | Hide Component |
| Info |
|---|
| When the "hide_form" event is heard, the Manage Meeting Object is hidden. |
 Image Added
Figure 22: The Ajax & Events configuration of the Form Component in the Event Listening section. |
CRUD Component
Parameters Changed Rules
| Row | Parameter Name * | Operator | Value |
|---|
| 1 | _mode | Equals To | edit |
| Info |
|---|
These parameters are required to trigger the "Link Clicked" Trigger Method. For instance, in this context, when the parameter name "_mode" is equals to "edit", then the "Link Clicked" Trigger Method is triggered. |
| Form Label | Value |
|---|
| Event Triggering |
Row 1
|
| When Not Match Trigger Event Name | hide_form |
|
"Link Clicked" trigger method is activated, it initiates the "load_form" eventTrigger Event name doesn't match "load_form", then the "hide_form" event is called. |
 Image Added
Figure 23: The Ajax & Events configuration of the CRUD Component in the Event Triggering section. |