jig.composite
This is, as the name suggests, a made up of several parts or elements. In this case, a is made up of several s. This allows you to display multiple s on one list where you would otherwise not be able to combine the functionality in the same way.
The core structure includes: jigId 2x or more (depends on how many jigs you are connecting).
Other options:
If you are setting up a composite jig where s rely on input to display or otherwise interact with very specific data, you'll need to use:
inputs - Here you set the data you would like to transfer to the composite jig. There are 2 options for how to make data available for input:
- Set them in output inside the jig.
- Set them as a global variable by using set-state action.
isTitleHidden - The boolean value which allows you to hide the title of your in composite. Even if the 's title is set to true , because the title is a mandatory property.
when - The ability to include or exclude a for display on a composite . If set to true the is included, if set to false the jig will not appear on the composite . Dynamically set this property by using expressions.
The code below is an extract from the full jigx-samples solution. The code snippets describe the component discussed in this section. For the solution to function in the Jigx app download the full jigx-samples project from GitHub, and follow the instructions in Setting up your solution.
Composite Jig without any form of input
This example shows the simplest way in which a Composite Jig can be set up - referencing two separate s and displaying them on one without having to filter the content.
Examples:
See the compsite code example in GitHub. See the location code and country list code examples in GitHub. See the static country datasource code example in GitHub. See the index.jigx code below to add the to the .
Composite Jig with input
This example shows how a Composite can be used to only display certain data based on the input received.
Examples: See the full composite input code example in GitHub. See the folder with supporting files in GitHub. See the datasource code sample in GitHub.
See the default.jigx code snippet with the database table defined below.
