ModTree
With this component, you can link resources of your site with each other and show them on page as a tree.
Make links between resources on CMP.
See result on live demo.
When the page loads, start search is performed for:
&queryLinks=`1` (default) - linked resourcesfor &parent (default current page),
&queryLinks=`0` - child resources for &parent.
Then, when you click on the resources icons, searches for related resources of them.
When you click on resource the resource content is displayed.
Uses AJAX. JQuery not required.
Examples:
Display child resources
&queryLinks=`0`. Display child resources of resource 7 on start search.
[[modTree?
&parent=`7`
&limitList=`5`
&queryLinks=`0`
]]
Display linked resources
Display related resources of resource 15 on start search.
[[modTree?
&parent=`15`
&limitList=`5`
]]
Snippet parameters
Result parameters
Name | Default | Description |
---|---|---|
&tplOuter | tpl.ModTree.outer | Main template |
&tplList | tpl.ModTree.itemList | Template for start items |
&tplTree | tpl.ModTree.itemTree | Template for childs branches on tree |
&tplSearchField | tpl.ModTree.itemSearchField | Template for search fields |
&tplButtons | tpl.ModTree.paginateBtns | Template for paginate buttons |
&sortBy | menuindex | |
&sortDir | ASC | |
&limit | 0 | Limit on tree for child branches |
&limitList | 15 | Limit for start search |
&contentIdPrefix | modtree- | Prefix of ID for content fields. In case using two or more snippet on page you must use other &tplOuter with other $contentIdPrefix. Fields can be placed anywhere on the page, even outside of the &tplOuter |
&customCss | 0 | 1 - not linked component CSS. If you use your own styles you may disable component CSS |
Search parameters
Name | Default | Description |
---|---|---|
&queryLinks | 1 | Determines the start search. 1 - related resources. 0 - child resources. |
&parent | curren resource | Resource for start search |
&queryForce | 1 | Determines whether to perform a start search. 1 - do start search, 0 - search only on search button click |
&linkWay | 0 | Link direction. 1 - master to slave. -1 - slave to master. 0 - both way |
&searchFields | padetitle,content | Search fields. String with comma separator. To disable - &searchFields=`` |