×

Treeview

The description of the treeview element is under construction!

This treeview example contains the same elements as childs. Other treeviews contain different childs and need of course a different headline for each element. Such an example will come in the future.

Table and records

The child records are linked by "parentID" to the master record. The records are read recursive.

Controls

Additional controls allow to expand and collapse the tree and to insert new sub elements.


User manual

Controls

  • Sort and Filter depends only on the main entry
  • New
  • New Sub element (Insert Child)
  • Edit
  • Delete
  • + expands the tree
  • - collapse the tree

Menu

  • Collapse all
  • Expand all
  • Collapse tree
  • Expand tree


Changes

Table

  • parentID
  • sort

Datadefinition

  • "parentcolumn":"parentID"
  • "treearrayname":"_children"
  • masterdata:
    • "btabselectstandard":true
    • menuleft:
      • collapse
      • expand

JavaScript

  • additional column with control
  • menu functions for:
    • collapse
    • expand
  • form with callback
    • cbAfterSave
    • cbbtnCancel

Data defintion

The data definition contains details for reading, saving and displaying a recordset.

  • CSS
  • "parentcolumn":"parentID"
  • "treearrayname":"_children"
  • masterdata:
    • "btabselectstandard":true
    • menuleft:
      • collapse
      • expand
  • tabulator
    • "maxHeight":"100%"
    • "dataTree":true,
    • "dataTreeElementColumn":"title",
    • "dataTreeStartExpanded":true,,

Allow the user to change the parent

kitsamples/workflowprocess/workflowprocess.json: