Versions Compared

Key

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

Insert excerpt
_Banners
_Banners
nameactionflow
nopaneltrue

By the end of this chapter you will understand what a Calculate action is and how to use them, and you will have created three Calculate Actionflows in your application.

What is a Calculate Action?

The 

Insert excerpt
_action_calculate
_action_calculate
nopaneltrue
 action manipulates and processes data. Calculate nodes have their own attributes, which can reference incoming data via expressions, using one or more of the 135+ Functions available in PhixFlow.

Creating Calculate Actions

  1. Click and drag the 
    Insert excerpt
    _action_calculate
    _action_calculate
    nopaneltrue
     icon from the toolbar onto the canvas
  2. Enter a name for the Calculate action, then select Create Action
  3. In the Calculate Action 
    Insert excerpt
    _property_settings
    _property_settings
    nopaneltrue
     on the right, click the 
    Insert excerpt
    _add_icon
    _add_icon
    nopaneltrue
     icon in the Output Attributes section to add new attributes
HTML Comment
hiddentrue

Insert excerpt
Calculate Node Properties
Calculate Node Properties
nopaneltrue

Example Uses

Calculate Actions can be used for:

  • inserting static text strings, e.g. inserting a new record into a grid containing the string "new"
  • performing Functions, e.g. adding debug messages to the System Console
  • performing lookups, e.g. counting records in a grid

Worked Examples

Here's a worked example using the School Data (available from the Learning Centre).

Tip

If you are completing this chapter as part of the Actionflow course and using a training instance, this data has already been pre-loaded into the Actionflow Application.

Use a Calculate Action to Add Static Text

Earlier in this course we created an Actionflow that opens a blank input form for adding new courses to the School Courses grid. In this example we will enhance that Actionflow by adding the static text "New Course" to the blank input form.

  1. Open the Course Management screen where the Actionflow will be initiated from
  2. Right-click on the  button on the School Courses grid and choose 
    Insert excerpt
    _actionflow_display
    _actionflow_display
    nopaneltrue
  3. Click and drag the 
    Insert excerpt
    _action_calculate
    _action_calculate
    nopaneltrue
     icon from the toolbar onto the canvas
  4. Enter a name for the Calculate Action:
    1. Name: Course Header
    2. Select Create Action 
  5. The 
    Insert excerpt
    _property_tabs
    _property_tabs
    nopaneltrue
     for the Calculate Action will open on the right
    1. If the 
      Insert excerpt
      _property_tabs
      _property_tabs
      nopaneltrue
      is not open, click the Calculate Action node on the canvas 
  6. In the Output Attributes section, click the 
    Insert excerpt
    _add_icon
    _add_icon
    nopaneltrue
     icon
  7. Enter the following details for the new Output Attribute:
    1. Name: NewCourse
    2. Type: choose String
    3. Expression: 

      Code Block
      "Create New Course"


    4. Then 
      Insert excerpt
      _finish
      _finish
      nopaneltrue
  8. Drag and drop the Course Header Calculate Action onto the connector between the input node and the Open Course Form Action
  9. Right-click on the connector between the calculate node and the open screen node and choose Open Mappingsthe Course Header Calculate Action and the Open Course Form Open Screen Action and choose
    Insert excerpt
    _open_mappings
    _open_mappings
    nopaneltrue
  10. On the Mappings window, drag the NewCourse attribute onto the Heading attribute to create the mapping
    1. Press Save
  11. Close the Actionflow to return to the Course Management screen
  12. Insert excerpt
    _lock
    _lock
    nopaneltrue
     the screen and press the  button to see the Actionflow in action
    1. We can see that the Actionflow is working because it displays the string, New Course, in place of the original heading on the input form 

Use a Calculate Action to Perform a Function (Optional)

In this example, we will configure a button to run an Actionflow that performs a function. The results of the function will populate the now function, which will insert today's date into a dynamic text field. This example uses no data for the input.

Setup the Input and Calculate Action

  1. On the Course Management screen open the Layers and
    Insert excerpt
    _layers
    _layers
    nopaneltrue
     and expand the area, Screen Header
  2. Expand the area, Right, and you will see two components - a button and a dynamic text field
  3. Click on the button, Button Date, in the Layers the 
    Insert excerpt
    _layers
    _layers
    nopaneltrue
    to highlight it on the screen
  4. Right-click on the button on the screen and choose 
    Insert excerpt
    _actionflow_add
    _actionflow_add
    nopaneltrue
  5. Enter a name for the Actionflow,
    1. Name: Populate Date Field
    2. Select Confirm
  6. Select Click to Connect and for the input, choose the 
    Insert excerpt
    _actionflow_on_click
    _actionflow_on_click
    nopaneltrue
     Action Event, then select Connect Input
  7. Click and drag the 
    Insert excerpt
    _action_calculate
    _action_calculate
    nopaneltrue
     icon from the toolbar onto the canvas
  8. Enter a name for the Calculate Action:
    1. Name: Get Date
    2. Select Create Action 
  9. The 
    Insert excerpt
    _property_tabs
    _property_tabs
    nopaneltrue
     for the Calculate Action will open on the right
  10. In the Output Attributes section, click the 
    Insert excerpt
    _add_icon
    _add_icon
    nopaneltrue
     icon
  11. Enter the following details for the new Output Attribute:
    1. Name: TodayDate
    2. Type: choose String
    3. Expression: 

      Code Block
      now()


    4. Then 
      Insert excerpt
      _finish
      _finish
      nopaneltrue
  12. Click and drag the input onto the Get Date Calculate Action

Setup the Output and Write Back to the Screen

  1. In the Connections panel on the left, click
    Insert excerpt
    _addIcon
    _addIcon
    nopaneltrue
     Add to create a new connection point
  2. Enter the following details for the new connection point:
    1. Name: out
    2. Type: choose Output
    3. Select Create Connection Point
  3. Select Click to Connect and for the output, choose the 
    Insert excerpt
    _form
    _form
    nopaneltrue
     datasource, then select
    1. Select Connect Output
  4. Close the Mappings window that automatically opens
  5. Hover over the Calculate Action node and select out
  6. A red arrow will appear - click on the
    Insert excerpt
    _output
    _output
    nameicon
    nopaneltrue
     output node under Connections
  7. On the Mappings window, drag the attribute, TodayDate, from the left (Calculate Action) to the right (output connection point) to create an attribute on the output
      Then select
      1. Select Save
    1. Under Connections, right-click on the connector, out, and choose Configure Mappings
      Insert excerpt
      _mappings_configure
      _mappings_configure
      nopaneltrue
    2. Drag the TodayDate attribute from the left (output connection point) and drop it onto the DateField target parameter on the right (Course Management screen)
        Then
        1. Select Save
      1. Close the Actionflow to return to the Course Management screen
      2. Insert excerpt
        _lock
        _lock
        nopaneltrue
         the screen and press the Button Date on the screen to see the Actionflow in action
        1. We can see that the Actionflow is working because it displays today's date in the format DD/MM/YY in the DateField dynamic text field

      Use a Calculate Action to Perform a Function 

      Earlier in this course In this example, we will modify the Save Actionflow we created an Actionflow that saves either new course data or edits to existing course data from the Course Form to the School Courses grid. In this example we will enhance that Actionflow by inserting a Calculate Action that will modify the data before it is saved. 

      Setup the Input and Calculate Action

      On the Course Management screen open the La

      in an earlier chapter to perform the function, toUpper, which will format the course name into upper case. This example uses data for the input.

      Setup the Input 

      1. On the Course Management screen click the Image Added or Image Added button to open the Course Form
      2. Right-click on the Image Added button and select 
        Insert excerpt
        _actionflow_display
        _actionflow_display
        nopaneltrue
      3. Click and drag the 
        Insert excerpt
        _action_calculate
        _action_calculate
        nopaneltrue
         icon from the toolbar onto the canvas
      4. Enter a name for the Calculate Action:
        1. Name: UppercaseName
        2. Select Create Action
      5. Right-click on the input connection point under Connections and choose 
        Insert excerpt
        _mappings_configure
        _mappings_configure
        nopaneltrue
      6. On the Mappings window, drag the attribute, Name, from the left (Course Form) into the Drag and Drop space on the right (input connection point) 
        1. Select Save
      7. On the canvas, drag the UppercaseName Calculate Action node onto the in connector between the 
        Insert excerpt
        _input
        _input
        nopaneltrue
         
        node and the
        Insert excerpt
        _save_icon
        _save_icon
        nopaneltrue
         SaveCourse
        node and drop it when the 
        Insert excerpt
        _add_icon
        _add_icon
        nopaneltrue
         icon appears
      8. Right-click on the in connector between the 
        Insert excerpt
        _input
        _input
        nopaneltrue
         
        node and the 
        Insert excerpt
        _actionflow_calculate
        _actionflow_calculate
        nopaneltrue
         and select 
        Insert excerpt
        _open_mappings
        _open_mappings
        nopaneltrue
      9. On the Mappings window, drag the Name attribute from the left to the right (calculate action)

        1. Tip

          We only need to map the Name attribute here because it is used within the Calculate Action.

          The CourseID attribute will pass through the Calculate Action and can be used later on in the Actionflow.


        2. Select Save

      Setup the Calculate Action 

      1. Select the Calculate Action, UppercaseName, to open its
        Insert excerpt
        _property_settings
        _property_settings
        nopaneltrue
      2. In the Output Attributes section, click 
        Insert excerpt
        _addIcon
        _addIcon
        nopaneltrue
         to create a new attribute:
        1. Name: UpperName
        2. Type: choose String
        3. Expression:

          Code Block
          toUpper(in.Name)


      3. Right-click on the in connector between the 
        Insert excerpt
        _actionflow_calculate
        _actionflow_calculate
        nopaneltrue
         
        node and the 
        Insert excerpt
        _action_save
        _action_save
        nopaneltrue
         and select 
        Insert excerpt
        _open_mappings
        _open_mappings
        nopaneltrue
      4. On the Mappings window, drag the attribute, UpperName, from the Calculate Action (left) onto the Name attribute on the Save Action (right)
        1. Press Save
      5. Close the Actionflow to return to the Course Form
      6. Ensure the screen is 
        Insert excerpt
        _lock
        _lock
        nopaneltrue
        ed, then add or edit the course details and press the Image Added button to see the Actionflow in action
        1. You can see that the Actionflow is working because the Name for the course you just added/edited is now in capital letters on the School Courses grid