For each Work With List Node, and Work With Detail Node defined in the Work With pattern and Work With object instance, a window is generated to the right containing five Selectors or Tabs.
Includes the attributes/variables among other controls that will be displayed and how they will be shown.
In the example above, the attributes PropertyFrontImage and PropertyName that belong to the Property Transaction object (handled by a real estate agency) are listed inside a grid control.
Although you can see only one layout at a time (e.g. the "Any Platform, Default Orientation" one) for the List node. Note the possibility to Add a new one, or Delete the current. This lets you design different layouts depending on the Platform (i.e. Android, iOS, Angular), the Device Kind (i.e. Phone, Tablet, Watch, TV), the Size (i.e. Phone, Tablet 7'', Tablet 10'') and/or the Orientation (i.e. Landscape, Portrait). For the Work With Section Node it also offers the Mode (i.e. View or Edit) to differentiate the layout displayed to insert, update or delete, from the layout displayed to just view the information.
As the Rules in Web Panels, specify some kind of behavior of the corresponding WW node (List, Detail or Sections).
Rules provide a generic language to enforce the controls in these programs.
For example, specify the parameters received and/or returned by the node. Do not confuse the rules of the node, with the rules of the Transaction, which will run when you insert, delete or modify the element corresponding to detail.
The objective of Events is to provide behavior and interaction between clients and services. Note in the layout shown above the "Insert" button on the List node Application Bar. An 'Insert' event is automatically associated, calling the Detail node of that WW, in Insert mode:
As usual, other events could be created. Examples of this could be an action to show the real estate properties on a map, an action to call certain data, an action to schedule items, and so on. The actions available on the User Interface usually have a graphic element associated with them, such as a button, an option in a global menu, a link, and so on.
In the Work With pattern and Work With object, the user can add actions in the List node and in the Detail and Sections nodes. These actions can be placed on screen -besides associating them to controls- using the Application Bar of the pattern layouts.
In addition to the actions included by default ("Insert" Action for List, "Save", "Cancel", "Update" and "Delete" for Section), new actions can be defined.
The grammar of events running on the device has its peculiarities regarding the events that run on the server. This is due to the architecture. For example, to invoke two or more objects within an event sequence, you have to use the Composite command inside an event executed on the client (device).
To go deeper into this topic: Native Mobile Applications Events.
This section allows the developer to specify free and global conditions over the whole object. This condition aims to filter the displayed data.
For conditions and fine-grained searches over a specific grid, controls refer to Orders and Filters in Grids of Panels.
Displays every variable defined on the object (List, Detail, and Section are independent), including standard pre-defined variables (Pgmdesc, Pgmname, Time, Today and Mode variable in Section node).
Relations among Transactions are also strictly generated in the Work With. Note the following Transactions:
As you can see, the Neighborhood Transaction has a 1-N relation with the Property Transaction, that is, for one neighborhood there can be N properties.
So, when you select one neighborhood, the relations tab will be displayed on top of its properties.
In the image above, the Coral Gables neighborhood was selected and the Level/Detail/Section (General)/View node was opened. Note that the General tab located in the upper section is selected. To the right is the Property tab, thus closing the relationships among entities. So, if you select the Property tab, you can access the list of all the properties of the selected neighborhood.
Composite examples
Container of sections in the Detail screen of the Work With