What is Event and Tasks?

vFlow
1

What is Event and Tasks?

2

Events -

Events are dependent on entities that come with different dependents like
header & footer. There are multiple types of events available in vFlow, such as,
on click, on double click, on blur, on custom load, on load etc. These event
mappings are different, and these events can be mapped to a particular entity.
Following are the types of events-

  1. Onclick
    The onclick event generally occurs when the user clicks on an element. This event can
    be used for validating a form, warning messages and many more.

  2. OnLoad
    The onload event occurs when an object has been loaded.

  3. Custom load
    The custom load event occurs when an object has been loaded on a customized place.

  4. On node click
    If the button is pressed on one element and the pointer is moved outside the element before the button is released, the event is fired on the most specific ancestor element that contains both elements. click fires after both the mousedown and mouseup events have fired, in that order.

  5. On blur
    The onblur event occurs when an object loses focus. The onblur event is most often used with form validation code (e.g. when the user leaves a form field).

  6. On select
    The onselect event occurs after some text has been selected in an element.

  7. On load Disable
    The onload event occurs when an object has been loaded.

  8. After upload
    Uploader’s event system enables integrators to execute any operations at almost any
    point in the upload process. Knowing how these callbacks work, and when they are
    called, is crucial to unlocking the full potential of Fine Uploader.

Task -

Generally task is known as a piece of work to be done.

vFlow provides the functionality to perform multiple tasks on single event/action sequentially.

For ex. If you are clicking a SAVE button, on that button user wants to save some data and then redirects to new form, for this functionality we have to define two tasks on same action/event.

  • First TASK_TYPE will be ‘SAVE’(To save data) with “1” sequence id,
  • Second will be ‘FORM_ID’(To navigate to another form) with “2” sequence id.

Navigate -

The “Navigate” task lets the user navigate from one page to another page, pop-up screen, etc. When you configure the Navigate task, the selection of the sub task (For example:- Page or Popup) determines what the application will display to the user after the user performs the function.

To configure the Navigate task:

  1. In the Events dialog box, scroll down.
  2. Under Add Tasks, click the Select Task list and then select Navigate, the Select Subtask list opens.
  3. In the Select Subtask list, select a subtask (For example:- Page).
  4. After you select a subtask, click Add Task Config, and the Add Task dialog box opens.
  5. In the Add Task dialog box, click the Configuration area to expand it.
  6. In the Configuration area, you can configure the following properties based on the selected subtask:

API -

You can use this task to configure an API on the component or element. When you configure the API, you define the request and response parameters to exchange the required data between the front-end application and server.

You can configure the API in the following scenarios:

  • Get the data from the front-end application and store it in server
  • Get the data from the server and then display it in the front-end application
  • Enable the navigation between multiple pages in the application
  • Delete the data from the data storage
  • Update the data in the server
  • Implement a specific behavior in the application

Control Disable -

When you apply this task to a specific element, the application displays this element as an inactive element. The end user cannot perform the function on the inactive element. To make the control or element inactive, you need to select the page, layout, row, and column that contain the element.

Control Enable -

When you apply this task to a specific element, the application displays this element as an active element. The end user can perform the function on the active element. To make the control or element active, you need to select the page, layout, row, and column that contain the element.

Control Visible -

When you apply this task to a specific element, it makes the element visible to the user. To make the control or element visible, you need to select the page, layout, row, and column that contain the element.

Control Invisible -

When you apply this task to a specific element, it makes the element invisible to the user. Although the element is added to the page, the application does not display the element to the user. To make the control or element invisible, you need to select the page, layout, row, and column that contain the element.

Control Filter -

This task displays a subset of values in the control. When this task executes, it fetches a subset of values from the data source and then displays them in the control.

To configure the Cont.

Invoke Entity -

When this task executes, it refreshes the component, form, or elements on the application page. Also, you can configure this task to refresh a page. In the application, when a page is refreshed, all elements that were added to the page are also refreshed.

Child Invisibility -

You can apply this task to replace a child entity with another on a specific page. To replace a child entity, you need to configure the page layout, row and column indices, and component IDs of the old and new entities.

Control Copy -

When this task executes, it copies the value from a source path to one or more destination paths. For instance:- you can use this task when you want to copy the value of a text box to another text box.

Group Control Copy -

When this task executes, it copies the value from a source path to one or more destination paths. It also provides the additional feature to group several Copy Control tasks.

Add New Object -

You can use this task to add a new row of data to the table or display a set of data in the FV (Functional View) component. When this task executes, it creates a set of data in the data source.

Delete Object -

You can use this task to delete a row from the table or a set of data from the FV (Functional View) component.

Custom Load -

You can apply this task at the component or element level. When you configure this task, you need to define a business rule. In the business rule, you define a condition. The business rule checks user’s action against the condition. If the condition is satisfied, the application performs the expected function after it loads a specific page.

For example:- You can apply the Custom Load task to display the component or element based on the business rule’s condition after the application loads the related page.

OnLoad Disable -

You can apply this task to display the component or element as inactive (disabled) after the application loads the related page. For example:- You can use this task to display the Create User button as inactive or disabled after the non-administrator user accesses the application.

Close Popup -

You can apply this task to close the currently opened dialog box or popup screen in the application. After this task is executed, it closes the currently opened dialog box without manual intervention.

ADD Cutsom Style -

You can use this task to impart a custom style to the page, component, or element. The style includes several style-based properties, such as the font’s color, size, type, background, animation, and CSS file-based properties.

BR Validation -

You can apply this task to implement the decision-based application function. When you configure this task, you need to create a business rule. In the business rule, you need to define a condition.

When this task is executed, the user-specific function is checked against the condition in the business rule. If the business rule’s condition is satisfied, the application performs the next function.

Fetch Media Object -

You can use this task to fetch the media object from the S3 server. When this task is executed, it fetches the media file from the S3 server and then displays it to the user. To fetch a specific media or a specific set of media files, the Fetch Media Object task provides several identifiers.

To use these identifiers, you can either enter their values manually or use the business object to fetch the related values from the data source.

Authentication -

You can apply this task to implement the login functionality in the application. When this task is executed, it invokes the Auth_Vahana service to authenticate the login request.

The Auth_Vahana service captures the request details and then validates the login details. To implement the login functionality, four types of parameters are configured:

  • Request Type
  • Login ID
  • User ID
  • Password

Logout -

You can use this task to implement the logout feature in the application.

Webview -

You can use this task to integrate a web view component with the application. The web view component is an in-app browser utility that has the limited capabilities of the Internet browser.

Sync -

You can use the Sync task to sync the application-level configuration between the front-end application and the index database.

Print -

You can use this task to make a page, component, element, row, and other entities downloadable in the application.

Generate SSO ToKen -

You can use this task to generate a SSO token. The SSO (Single Sign-On) token lets the user access the application without password. The SSO token contains a collection of data that one system sends to another during the SSO process. In the collection of data, the SSO token can include the user’s email address and information about the system that sends the SSO token.

After the Generate_SSO_Token task is executed, it invokes the GENERATE_SSO_TOKEN service. The GENERATE_SSO_TOKEN service generates a unique SSO token that lets the user access the application without entering the password.

Download Excel

When you apply this task, it allows the user to download the table’s data in Excel format.

Download as Zip

This task allows the user to download multiple documents in ZIP format.

2 Likes