LiknoTreeRoot Properties
These are the properties of the LiknoTreeRoot object. Note that the LiknoTreeRoot object also inherits all the properties of the LiknoTreeElement object.
LiknoTreeRoot()
Parameters |
# |
name |
type |
description |
1 |
treeid |
string |
The id of the tree (iid property). |
2 |
objid |
string |
The id of the HTML element in the webpage where this tree will be attached to. |
3 |
x |
number |
The horizontal offset from the top-left corner of the above HTML element where the tree will be placed (in pixels). |
4 |
y |
number |
The vertical offset from the top-left corner of the above HTML element where the tree will be placed (in pixels). |
5 |
width |
number |
The width of the bounding box of the tree in pixels. If 0, then the tree will expand/collapse freely horizontally. You can set the horzScroll property to define whether horizontal scrollbars will appear automatically if the tree contents do not fit in the specified width. |
6 |
height |
number |
The height of the bounding box of the tree in pixels. If 0, then the tree will expand/collapse freely vertically. |
7 |
leafheight |
number |
The default leaf height for each node in the tree in pixels. All nodes will have this height. |
8 |
vsbl |
boolean |
Specifies whether the root of the tree will be visible or not. Currently not used, set to false. |
9 |
style |
string |
The CSS style for the background of the tree. See the Using themes and Designing your own themes topics for more details. |
10 |
imgformat |
string |
The format of the images used for the tree icons, can be either "gif" or "png". |
This is the constructor for the LiknoTreeRoot object. You use this to put a new tree in your web page. For more details of use, see the example for the addClass function, or any of the examples at the end.
allowFolderSelect
Boolean
Indicates whether the user can select folders (otherwise only leaves will be selectable).
attachedTo
string
ID of the HTML element to which this tree is attached (usually a DIV element).
autoCollapse
boolean
Indicates whether clicking on a branch at the same level (depth) will collapse all other expanded branches at the same level (in the standard Microsoft Windows XP Explorer fashion).
boxHeight
number
Height of the box of the tree to be used (if 0, the tree will expand dynamically to the bottom).
boxWidth (COPY)
number
Width of the box of the tree to be used (if 0, the tree will expand dynamically to the right).
clickToExpand
boolean
Indicates whether a single click on a branch will expand it. By default, branches are expanded with a double click.
contextmenuId
string
ID of the HTML element of the node where the context menu of the tree is displayed over.
cssClasses
array(...)
An array of an arbitrary number of pairs (arrays) of strings, each pair specifying a CSS class, where the first value is the name of the class and the second value is the set of styles used by this class.
This is where all the CSS classes used by the tree are kept. The names specified for each class will be modified in the final CSS definition to be unique for this tree globally in the HTML document. This means that you can specify the same names for the classes in different trees and they will not interfere with each other.
The names for the default classes must be "de", "mo" and "se" for the default, mouse over and selected states respectively.
cssCreated
boolean
Indicates whether the CSS classes for this tree are already created. If you add a new CSS class at runtime, set this to false before calling drawTree again, in order for the new CSS classes to take effect.
hasContextMenu
boolean
Indicates whether this tree has a custom context (right-click) menu.
horzScroll
boolean
Indicates whether horizontal scrollbars should be used if some node exceeds the width of the tree box.
» |
