Namespace: PP.Ui ;
TreeList
The TreeList class implements the TreeList component that is used to show hierarchical trees, for example, object inheritance tree.
PP.initClass(PP.Ui.TreeList, PP.Ui.Control, "TreeList");
Constructor name | Brief description | |
![]() |
TreeList | The TreeList constructor creates an instance of the TreeList component. |
Property name | Brief description | |
![]() |
ActiveColor | The ActiveColor property determines color of active tree node. |
![]() |
ActiveFont | The ActiveFont property determines font parameters of active tree node. |
![]() |
ActiveParentColor | The ActiveParentColor property determines selection color for parent nodes of the active tree element. |
![]() |
AreaSelect | The AreaSelect property determines whether tree area can be selected with the mouse. |
![]() |
CaptionVisible | The CaptionVisible property determines whether header row is displayed. |
![]() |
CheckBoxes | The CheckBoxes property determines whether checkboxes are displayed for component nodes. |
![]() |
ChildrenCount | The ChildrenCount property contains the number of nodes in the root branch. |
![]() |
Columns | The Columns property sets collection of columns for the component. |
![]() |
ContentColor | The ContentColor property determines background color for tree node contents. |
![]() |
ContentFont | The ContentFont property determines font parameters of tree nodes. |
![]() |
CutOverflow | The CutOverflow property determines whether to show an ellipsis instead of the text that overflows the box. |
![]() |
DblClickExpand | The DblClickExpand property determines whether a tree node expands on double-click. |
![]() |
DragAndDropDelay | The DragAndDropDelay property determines how long the user must hold mouse cursor over a node while holding down mouse button to activate the Drag&Drop mode. |
![]() |
DragAndDropDetectDistance | The DragAndDropDetectDistance property determines the distance, after which the Drag&Drop mode is enabled. |
![]() |
DragAndDropMode | The DragAndDropMode property sets the Drag&Drop mode. |
![]() |
EmptySelection | The EmptySelection property determines whether all tree nodes can be deselected. |
![]() |
EnableColumnsMenu | The EnableColumnsMenu property determines whether menu icon is visible in the tree header and the option to call a menu managing column visibility. |
![]() |
EnableDragAndDrop | The EnableDragAndDrop property determines whether nodes can be moved using the Drag&Drop method. |
![]() |
EnableEdit | The EnableEdit property determines whether values in table cells can be edited. |
![]() |
EnableHighlight | The EnableHighlight property determines whether tree elements highlighting is available. |
![]() |
EnableKeyNavigation | The EnableKeyNavigation property determines whether the user can navigate the list using the keyboard. |
![]() |
EnableResizeColumn | The EnableResizeColumn property determines whether column width can be changed. |
![]() |
EnableSearch | The EnableSearch property determines whether tree elements can be searched. |
![]() |
EnableSelectedHighlight | The EnableSelectedHighlight property determines whether selected tree nodes can be highlighted. |
![]() |
EnableSortColumns | The EnableSortColumns property determines whether column values can be sorted. |
![]() |
FilterCaseSensitive | The FilterCaseSensitive property determines whether filtering is case-sensitive. |
![]() |
FilterDeSelect | The FilterDeSelect property determines whether selection of nodes is reset on filtering. |
![]() |
FirstShiftSelectClearing | The FirstShiftSelectClearing property sets the mode, at which each mouse click on the node with the held down SHIFT key deselects all nodes except for the pressed one. |
![]() |
HighlightColor | The HighlightColor property sets a color of tree element highlighting. |
![]() |
HighlightFont | The HighlightFont property sets font for a highlighted tree node. |
![]() |
HoverColor | The HoverColor property determines a color of the tree node, to which the cursor is pointed. |
![]() |
HoverFont | The HoverFont property determines font parameters of the tree node, to which the cursor is pointed. |
![]() |
IgnoreRightPadding | The IgnoreRightPadding property determines whether the right padding is ignored. |
![]() |
ImageList | The ImageList property sets the ImageList non-visual component. |
![]() |
IsCSMultiSelect | The IsCSMultiSelect property determines whether it is possible to select multiple objects using the SHIFT and CTRL keys. |
![]() |
KeepHasChild | The KeepHasChild property determines changing of displaying a hierarchical tree and changing the HasChild property for nodes when the Drag&Drop mode is active. |
![]() |
LoadingTimeout | The LoadingTimeout property determines the time interval, in which the tree is loaded. |
![]() |
MultiSelect | The MultiSelect property determines whether multiple elements can be selected. |
![]() |
Nodes | The Nodes property sets a collection of nodes. |
![]() |
RightButtonSelect | The RightButtonSelect property determines whether a node can be selected on clicking the right mouse button. |
![]() |
RowSelect | The RowSelect property determines whether the row is highlighted when a row element is selected. |
![]() |
SearchColor | The SearchColor property determines color of text to search. |
![]() |
SearchFont | The SearchFont property determines font parameters of text to search. |
![]() |
SelectedHighlightColor | The SelectedHighlightColor property determines a color for highlighting of the selected tree nodes. |
![]() |
SelectedHighlightFont | The SelectedHighlightFont property determines font of a highlighted selected tree node. |
![]() |
SelectEditorText | The SelectEditorText property determines whether edited text should be selected. |
![]() |
ShowColumns | The ShowColumns property determines whether columns are displayed. |
![]() |
ShowGridLines | The ShowGridLines property determines whether table gridlines are displayed. |
![]() |
ShowLines | The ShowLines property determines whether lines that link a node and its children are displayed. |
![]() |
ShowToolTips | The ShowToolTips property determines whether tooltips are displayed on hovering the cursor on a tree node. |
![]() |
SortSequence | The SortSequence property sets sorting change order. |
![]() |
UseCtrlSelect | The UseCtrlSelect property determines whether multiple nodes can be selected while holding down the CTRL key. |
![]() |
UseShiftSelect | The UseShiftSelect property determines whether multiple neighbor nodes can be selected while holding down the SHIFT key. |
![]() |
WordWrap | The WordWrap property determines whether node text is wrapped. |
Method name | Brief description | |
![]() |
beginUpdate | The beginUpdate method disables rerendering of tree until the endUpdate method is called. |
![]() |
checkSelection | The checkSelection method deselects all tree nodes except for the last selected one. |
![]() |
clearSelection | The clearSelection method deselects all tree nodes. |
![]() |
collapseAll | The collapseAll method collapses all tree nodes. |
![]() |
deleteNode | The deleteNode method deletes a hierarchical tree node. |
![]() |
deSelectAll | The deSelectAll method deselects selected elements. |
![]() |
deSelectLevel | The deSelectLevel method deselects elements of the specified level. |
![]() |
endUpdate | The endUpdate method refreshes a tree and starts rerendering. |
![]() |
expandAll | The expandAll method expands all tree nodes. |
![]() |
expandToKeyNode | The expandToKeyNode method finds a node with the specified key in the tree and expands the tree at node's level. |
![]() |
expandToNode | The expandToNode method expands all nodes down to the specified one. |
![]() |
filter | The filter method filters nodes in a hierarchical tree. |
![]() |
find | The find method searches for a tree element. |
![]() |
findText | The findText method returns the tree node, which value fully matches the passed value. |
![]() |
getAllCollapsedKeys | The getAllCollapsedKeys method returns the array of keys that belong to all collapsed tree nodes and nodes without children. |
![]() |
getAllExpandedKeys | The getAllExpandedKeys method returns an array of keys that belong to all expanded tree nodes. |
![]() |
getAllNodes | The getAllNodes method returns a one-dimensional array that contains all tree nodes and their current sorting order. |
![]() |
getAllSelectedKeys | The getAllSelectedKeys method returns an array of keys that belong to all selected tree nodes. |
![]() |
getCaptionHeight | The getCaptionHeight method returns height of column headers. |
![]() |
getFirstVisibleIndex | The getFirstVisibleIndex method returns index of the first visible tree node. |
![]() |
getFocusedNode | The getFocusedNode method returns focused node. |
![]() |
getFullTreeHeight | The getFullTreeHeight method returns tree height. |
![]() |
getHasSecondLevel | The getHasSecondLevel method determines whether a tree has child nodes. |
![]() |
getHorizontalScroll | The getHorizontalScroll method returns horizontal scrollbar. |
![]() |
getLastFound | The getLastFound method returns the last found node. |
![]() |
getLastSearch | The getLastSearch method returns the last searched string. |
![]() |
getMaximalWidthForColumn | The getMaximalWidthForColumn method returns maximum width of contents stored in visible rows of a column. |
![]() |
getMaximalWidthForColumnFull | The getMaximalWidthForColumnFull method returns maximum width of contents stored in all rows of a column. |
![]() |
getNodeByIndex | The getNodeByIndex method returns tree node by its index. |
![]() |
getNodeByKey | The getNodeByKey method returns a first level node by its key. |
![]() |
getNodeLevel | The getNodeLevel method determines the level that contains the specified node. |
![]() |
getNodes | The getNodes method returns an object of the PP.Ui.TreeNodes class that contains hierarchical tree nodes. |
![]() |
getOptimalWidthForColumn | The getOptimalWidthForColumn method returns optimum column width. |
![]() |
getPixelHeight | The getPixelHeight method returns height value (in pixels) for a tree component. |
![]() |
getPixelWidth | The getPixelWidth method returns width value (in pixels) for a tree component. |
![]() |
getRootNode | The getRootNode method returns an object associated with the tree root. |
![]() |
getSelectedNodes | The getSelectedNodes method returns selected nodes. |
![]() |
getSelectedNodesCount | The getSelectedNodesCount method returns the number of selected tree nodes. |
![]() |
getSort | The getSort method returns an object that contains sorting parameters. |
![]() |
getSortColumn | The getSortColumn method returns number of the column, which data is sorted. |
![]() |
getSortMethod | The getSortMethod method returns a sorting method. |
![]() |
getSortProperty | The getSortProperty method returns name of the node property, by which sorting is executed. |
![]() |
getSortRecursive | The getSortRecursive property determines whether data in child nodes is also sorted. |
![]() |
getTopMargin | The getTopMargin method returns margin for the topmost node. |
![]() |
getTopShift | The getTopShift method returns offset of the topmost node. |
![]() |
getVerticalScroll | The getVerticalScroll method returns vertical scrollbar. |
![]() |
getVisibleNodes | The getVisibleNodes method returns a one-dimensional array that contains currently visible tree nodes. |
![]() |
getVisibleNodesCount | The getVisibleNodesCount method returns the number of currently displayed tree nodes. |
![]() |
highlight | The highlight method highlights the specified text in tree node labels. |
![]() |
isDraging | The IsDraging method determines whether dragging is enabled. |
![]() |
isEditing | The IsEditing method determines whether editing is enabled. |
![]() |
isSelecting | The IsSelecting method determines whether selecting is enabled. |
![]() |
redraw | The redraw method fully rerenders hierarchical tree. |
![]() |
removeFocus | The removeFocus method removes focus from a node. |
![]() |
removeHover | The removeHover method disables effects of the node that appear on hovering the cursor on it. |
![]() |
scrollToNode | The scrollToNode method scrolls the tree down to the specified node. |
![]() |
selectAll | The selectAll method selects all tree nodes. |
![]() |
selectLevel | The selectLevel method selects all nodes of the specified level. |
![]() |
setExpandedByKeys | The setExpandedByKeys method expands nodes by their keys specified in the keys array. |
![]() |
setExpandedForNode | The setExpandedForNode method expands or collapses the node depending on the passed value. |
![]() |
setHoveredNode | The setHoveredNode method sets the node that is displayed as if hovered. |
![]() |
setSelectedByKeys | The setSelectedByKeys method sets selection for all tree nodes with the specified keys. |
![]() |
showSearch | The showSearch method opens the search field. |
![]() |
sort | The sort method sorts tree elements by column. |
![]() |
startEditing | The startEditing method activates edit mode for the selected node. |
![]() |
update | The update method refreshes displayed tree. |
Event name | Brief description | |
![]() |
BeforeCollapse | The BeforeCollapse event occurs before collapsing a tree node. |
![]() |
BeforeExpand | The BeforeExpand event occurs before expanding a tree node. |
![]() |
CheckBoxClick | The CheckBoxClick event occurs on clicking a checkbox. |
![]() |
CheckedChanged | The CheckedChanged event occurs on selecting or deselecting the checkbox. |
![]() |
Collapse | The Collapse event occurs on collapsing tree nodes. |
![]() |
ColumnVisibilityChanged | The ColumnVisibilityChanged event occurs after changing visibility of a tree column. |
![]() |
ColumnVisibilityChanging | The ColumnVisibilityChanging event occurs on changing visibility of a tree column. |
![]() |
Expand | The Expand event occurs on expanding nodes. |
![]() |
FilterChanged | The FilterChanged event occurs after filtering hierarchical tree nodes. |
![]() |
Finding | The Find event occurs when element search is started. |
![]() |
Found | The Found event occurs when a tree element is found. |
![]() |
LoadSubNodesOf | The LoadSubNodesOf event occurs on loading the node to the tree. |
![]() |
MouseDownNode | The MouseDownNode event occurs on clicking and holding the mouse button down over component node. |
![]() |
NodeClick | The NodeClick event occurs on clicking a list element. |
![]() |
NodeDblClick | The NodeDblClick event occurs on double-click on a list element. |
![]() |
NodeDrag | The NodeDrag event occurs during dragging of a node. |
![]() |
NodeDragEnd | The NodeDragEnd event occurs when the user finishes dragging the node. |
![]() |
NodeDragFinished | The NodeDragFinished event occurs after node is placed to a new position. |
![]() |
NodeDragStart | The NodeDragStart event occurs when the user starts dragging a node (when the user clicks and holds down the mouse button). |
![]() |
NodeEditCanceled | The NodeEditCanceled event occurs when the user cancels editing. |
![]() |
NodeEdited | The NodeEdited event occurs after editing a node name. |
![]() |
NodeEditFinish | The NodeEditFinish event occurs after finishing editing of hierarchical tree node. |
![]() |
NodeEditing | The NodeEditing event occurs in the process of editing a value in a table cell. |
![]() |
NodeHovered | The NodeHovered event occurs on hovering over a node. |
![]() |
NodeUnHovered | The NodeUnHovered event occurs after a tree node is unhovered with the mouse. |
![]() |
SelectionChanged | The SelectionChanged event occurs after the element is selected. |
![]() |
SelectionChanging | The SelectionChanging event occurs when an element is being selected. |
![]() |
Sort | The Sort event occurs on sorting a collection of tree nodes. |
![]() |
SortChanged | The SortChanged event occurs after finishing editing of hierarchical tree column sorting. |
![]() |
SortChanging | The SortChanging event occurs on changing of hierarchical tree column sorting. |
![]() |
ToolTipShowing | The ToolTipShowing event occurs when the cursor hovers on the hierarchical tree node. |
Property name | Brief description | |
![]() |
Anchors | The Anchors property determines position of the component placed within container. |
![]() |
Animation | The Animation property determines component animation parameters. |
![]() |
Bottom | The Bottom property determines a bottom margin if a component is placed inside LayoutPanel. |
![]() |
Content | The Content property determines component contents. |
![]() |
ContextMenu | The ContextMenu property determines a component's context menu. |
![]() |
Data | The Data property is used to store any custom data. |
![]() |
Enabled | The Enabled property determines whether a component can be used. |
![]() |
Height | The Height property determines component height. |
![]() |
IsRTL | The IsRTL property determines whether component elements are aligned to the right. |
![]() |
IsVisible | The IsVisible property determines whether a component is displayed. |
![]() |
Left | The Left property determines a left margin if a component is placed inside GridPanel. |
![]() |
Opacity | The Opacity property determines component transparency. |
![]() |
Parent | The Parent property determines a parent component of a control. |
![]() |
ParentNode | The ParentNode property determines a parent DOM node. |
![]() |
ResourceKey | The ResourceKey property determines a component resource key. |
![]() |
Right | The Right property determines a right margin if a component is placed inside LayoutPanel. |
![]() |
Rotate | The Rotate property determines a component rotation angle. |
![]() |
ShowToolTip | The ShowToolTip property determines whether a tooltip of the component can be displayed. |
![]() |
Style | The Style property determines a component style. |
![]() |
TabIndex | The TabIndex property determines the order of the control element passing inside the container. |
![]() |
Tag | The Tag property determines a JSON object associated with the component. |
![]() |
ToolTip | The ToolTip property determines text of component tooltip. |
![]() |
Top | The Top property determines a top margin if a component is placed inside GridPanel. |
![]() |
Value | The Value property determines a component value. |
![]() |
Width | The Width property determines component width. |
Method name | Brief description | |
![]() |
The addClass method adds a CSS class to the component. | |
![]() |
addEventHandler | The addEventHandler method adds an event handler to a DOM node. |
![]() |
The addStateClass method adds a CSS class to the component and removes the previous CSS class. | |
![]() |
The addToNode method adds a component to the specified node. | |
![]() |
bindEvents | The bindEvents method subscribes an element to all available events. |
![]() |
The getAnchorFlags method returns JSON object that contains settings of the current component's position. | |
![]() |
The getClass method returns the current CSS classes of the component. | |
![]() |
The getCssStyle method returns style for the specified node. | |
![]() |
The getDomNode method returns main DOM node of the component. | |
![]() |
The getFocused method determines whether the component is focused. | |
![]() |
getIsBinded | The getIsBinded method returns whether an element is subscribed to all DOM node events. |
![]() |
The hide method hides a control. | |
![]() |
The hideToolTip method clears tooltip timeout and hides the tooltip if it is shown. | |
![]() |
refreshStyle | The refreshStyle method refreshes element CSS styles. |
![]() |
The removeClass method removes CSS class from the component. | |
![]() |
removeEventHandler | The removeEventHandler method removes event handler from DOM node. |
![]() |
removeFromDOM | The removeFromDOM method removes node from the DOM structure. |
![]() |
The removeStateClasses method removes CSS classes of the component. | |
![]() |
The setDraggable method determines whether a component can be dragged on the HTML page. | |
![]() |
The setFocus method sets the component focus. | |
![]() |
The setIsHovered method sets up component displaying only on mouseover. | |
![]() |
The setSize method establishes the sizes of the component. | |
![]() |
The show method displays a control. | |
![]() |
unBindEvents | The unBindEvents method unsubscribes an element from all standard events. |
![]() |
The updatePosition method updates size and position when absolute positioning based on the current parameters is used. | |
![]() |
The updateSize method updates the component size on changing the size of the container that contains the component. |
Event name | Brief description | |
![]() |
Drag | The Drag event occurs on clicking and holding the mouse button. |
![]() |
DragEnd | The DragEnd event occurs when dragging the component finishes. |
![]() |
DragStart | The DragStart event occurs when dragging the component starts. |
![]() |
OnContextMenu | The OnContextMenu event occurs on calling context menu of the component. |
![]() |
SizeChanged | The SizeChanged event occurs after the component is resized. |
![]() |
SizeChanging | The SizeChanging event occurs during component resize. |
Property name | Brief description | |
![]() |
The Id property determines a repository object identifier. |
Method name | Brief description | |
![]() |
clone | The clone method creates an object copy. |
![]() |
dispose | The dispose method deletes the component. |
![]() |
getHashCode | The getHashCode method returns hash code of repository object. |
![]() |
getId | The getId method returns repository object identifier. |
![]() |
getSettings | The getSettings method returns repository object settings. |
![]() |
getTypeName | The getTypeName method returns the name of the object type without the namespace, to which it belongs. |
![]() |
isEqual | The isEqual method determines whether the specified object is equal to the current repository object. |
![]() |
isLive | The isLive method determines validity of repository object. |
![]() |
removeAllEvents | The removeAllEvents method removes all object event handlers by the specified context. |
![]() |
setId | The setId method determines a repository object identifier. |
![]() |
setSettings | The setSettings method determines repository object settings. |
![]() |
defineProps | The defineProps method creates get and set methods from name array for the specified class. |
![]() |
keys | The keys method returns array of methods and properties names for the specified object. |
See also: