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
      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
      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.