Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Make sure all the required components exist within an application.
  2. (From component 3) Click "Edit Page Components".
  3. Add a CRUD component to the Design.
  4. Configure the CRUD component's properties as such:
    1. Under Configure CRUD:

      Form LabelValue
      Label *Manage Meeting
      List *List - Calendar - Meeting
      Form (Edit)Calendar - Meeting

    2. Under AJAX & Events:

      Form LabelValue
      Handle Component with AJAX?(Checked) - Checking this label will enable the following sub-properties.
      Event Listening
      Row 1Component ObjectForm
      Event Name *reload_table
      Matched ActionShow and Reload Component
      Event Triggering
      Row 1
      Event Name *load_form
      Trigger Method *Link Clicked

      Parameters Changed Rules

      RowParameter Name *OperatorValue
      1_modeEquals Toedit
      Info
      titleNote

      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.

      When Not Match Trigger Event Namehide_form

  5. Result (with added data) after completing step 4:
  6. Save the new configuration.
  7. Add a Form component to the Design.
  8. Configure the Form component's properties as such:
    1. Under Configure Form:

      Form LabelValue
      Label *Form
      Form *Calendar - Meeting
      Display Field as Label When Readonly?(unchecked)

    2. Under Redirection:

      Form LabelValue
      URL Redirect on Cancellation?close=true

    3. Under AJAX & Events:

      Form LabelValue
      Handle Component with AJAX?(Checked) - Checking this label will enable the following sub-properties.
      Event Listening
      Row 1Component ObjectManage Meeting
      Event Name *hide_form
      Matched ActionHide Component
      Row 2Component ObjectManage Meeting
      Event Name *load_form
      Matched ActionShow and Change Component URL Parameters

      Parameters *

      RowParameter Name *Parameter Value
      1id(id)
      2closefalse
      3_actionedit
      4_modeedit
      Row 3Component ObjectMain Menu Component
      Event Name *page_loaded
      Matched ActionHide Component
      Row 4Component ObjectForm
      Event Name *hide_form
      Matched ActionHide Component
      Event Triggering
      Row 1
      Event Name *hide_form
      Trigger Method *GET Request

      Parameters Changed Rules

      RowParameter Name *OperatorValue
      1closeEquals Totrue
      Info
      titleNote

      These parameters are required to trigger the "GET Request" Trigger Method.

      For instance, in this context, when the parameter name "close" is equals to "true", then the "GET Request" Trigger Method is triggered.

      Row 2Event Name *reload_table
      Trigger Method *POST Request



  9. Result from completing step 8:
  10. Save the new configuration.
  11. You have completed all the required steps to achieve the expected outcome.