Example of Creating the SimpleTreeList Component

To execute the example, in the HEAD tag add links to component library PP.js and visual style tables PP.css. Add the DIV item with the "container" identifier in the BODY tag.

Tree = new PP.Ui.SimpleTreeList({
  ParentNode: 'container',
  Width: 400,
  Height: 400,
  Captions:  [{
    Content: 'First',
    Width: '40%'
    },{
    Content: 'Second',
    Width: '60%'
    }],
  ShowCheckBoxes: true,
  ShowCaptions: true,
  ShowTree: true,
  DataObject: [
    { Key: '0', Content: ['Node0', 'Node0 - Col2'] },
    { Key: '1', Content: ['Node1', 'Node1 - Col2'], Selected: true },
    { Key: '2', Content: 'Node2' },
    { Key: 'key3', Content: 'Node3' },
    { Key: '4', Content: 'Node4', Parent: '0' },
    { Key: '5', Content: 'Node5', Parent: '0' },
    { Key: '6', Content: 'Node6', Parent: '0' }
    ],
});