Package zebkit.ui.tree

Tree UI components and all related to the component classes and interfaces. Tree components are graphical representation of a tree model that allows a user to navigate over the model item, customize the items rendering and organize customizable editing of the items.

  // create tree component instance to visualize the given tree model
  var tree = new zebkit.ui.tree.Tree({
      value: "Root",
      kids : [
          "Item 1",
          "Item 2",
          "Item 3"
      ]
  });

  // make all tree items editable with text field component
  tree.setEditorProvider(new zebkit.ui.tree.DefEditors());

One more tree component implementation - "CompTree" - allows developers to create tree whose nodes are other UI components

  // create tree component instance to visualize the given tree model
  var tree = new zebkit.ui.tree.CompTree({
      value: new zebkit.ui.Label("Root label item"),
      kids : [
          new zebkit.ui.Checkbox("Checkbox Item"),
          new zebkit.ui.Button("Button Item"),
          new zebkit.ui.TextField("Text field item")
      ]
  });