Tree format

This page demonstrates the integration of FancyTree into JsonForms.

As for other formats, all the related options are fully configurable via the SchemaBuilder. In addition to the FancyTree original behavior, JsonForms's FancyTree widget allows to save/retrieve data as concatenated titles, while the keys or IDs values can be still used through the option dataOutput. Also, the tree source can be a wiki article in json content model like BookCategories.

SchemaBuilder tree options

In the examples below, the first form is used to select categories of a book, and the second form is used to edit the categories data themselves. Note that in a wiki context, the TreeBuilder nodes could be simply replaced with a mw.widgets.TitleInputWidget (via the SchemaBuilder) to select articles, so that the TreeBuilder form can be used to create a tree of wiki articles, and the first form to create a subtree with the selection.

Schema:

• JsonSchema:Book
• JsonSchema:SchemaBuilder/FancyTreeOptions (SchemaBuilder options)
• JsonSchema:TreeBuilder

Tree data:

• BookCategories (editable via the second form)

Parser function:

{{#JsonForms: Default
|schema=Book
|action = edit
|edit = {{FULLPAGENAME}}
|view = inline
}}

loading form

{{#JsonForms: Default
|schema=TreeBuilder
|action = edit
|edit = BookCategories
|slot = main
|view = inline
|return_page = {{FULLPAGENAME}}
}}

loading form

See also

• Demo JsonForms
• Comments
• ConditionFlow
• Captcha
• Contact Form
• Survey
• EDTF
• Text editors
• Tree format
• SMW Ask query builder
• Upload
• Wikispeech
• Interactive demos
• Interactive JSON-Schema-Test-Suite
• Form Builder (requires permissions)
• Schema Builder (requires permissions)
• Docs: https://www.mediawiki.org/wiki/Extension:JsonForms