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")
]
});