You can learn how to create bullet lists and tables in other sections of this documentation. Here we will learn how to implement more complex scenarios with nesting.
The templating engine allows you to create following repeating objects:
Tables
Bullet lists
Chapters
You can create nested constructions by putting one repeating object inside another.
First of all, review the loops and nesting demo.
We will take a simplified version of source object from this demo. It is a complex object with a few nested objects and collections:
[
{
"name": "David Navarro",
"companies": [
{
"name": "Plumsail",
"projects": [
{
"name": "Plumsail Actions",
"achievement": [
{
"description": "Design the hardware"
}
]
}
],
"managers": [
{
"name": "Derek Clark",
"title": "Head of Development",
"reference": "he likes programming \nand good coffee"
}
]
}
]
}
]
Here we have a collection of employees. Each employee has a collection of companies where they worked. For each company, they have a collection of projects. Each project has a collection of achievements.
Now let us take a look at the source template for this structure:
You can refer a property inside collection in your template. You can even refer a property inside a collection nested in another collection.
Examples:
The {{name}}
tag lets the engine know that we want to render a list of employee names.
The {{companies.name}}
tag lets the engine know that we want to render a list of company names.
The {{companies.projects.name}}
tag lets engine know that we want to render bullet list of project names under the list of companies.
Actually, all tags in the template above refer properties inside collections. The templating engine understands it and iterates through all objects in those nested collections to render them. It is smart enough to understand what content needs to be duplicated.
When the engine finds a tag that refers to a collection, it tries to find the nearest object that can be duplicated. For example:
Table cell
Bullet list item
Chapter
If nothing found, it thinks that whole document needs to be duplicated.
You can see the result of rendering below. There are all possible types of repeating objects nested one inside another:
Note
If you need to repeat some content that is not a table, bullet list or chapter, just create a single table cell with transparent borders and put content that you want to repeat inside.
This approach is used in the example above to repeat companies with tag {{companies.name}}
.