Element Details: Data+Tree
 Back


Available in: Logi Info Source code name: DataTree

The DataTree displays data in a hierarchical tree layout. The user expands and contracts branches of the tree by clicking on an icon image shown at the left of each branch.

Data for the DataTree comes from a hierarchical DataLayer. This can be created with a DataLayer that has Group Filter element with Hierarhical=True. You should build the same number of heirarchical levels in the DataLayer as DataTreeBranches.

The DataTree comes with default images. Plus and minus images for the tree branches, and a blank box image for the final items.

Element Group:Data Tables



ATTRIBUTES

Click attribute Name to drill down for more information.

NamePossible ValuesDescription
BranchCollapsedImage
UserDefined
The image that appears when the tree branch is collapsed.
BranchExpandedImage
UserDefined
The image that appears when the tree branch is expanded.
Class
UserDefined
Sets the Cascading Style Sheet class used by the element. When set, this class will also be used by all child elements that don't have their own class. The class should be defined in the report's style sheet file.
ID
UserDefined
(Required) The ID attribute is a pervasive attribute that uniquely identifies an element within a definition file. The ID needs to be a unique value within the definition.
LeafImage
UserDefined
The image that appears for items of a tree branch. The default is an empty box image. Set to "None" for for no leaf image.



PARENT ELEMENTS

Click element to drill down for more information.

Body
Column Cell
Division
Fieldset Box
HTML Tag
Panel Content
Popup Panel
Report Footer
Report Header
Responsive Column
Tab Panel


CHILD ELEMENTS

Click element to drill down for more information.

Conditional Class
Data Tree Branch
DataLayer.Bookmarks
DataLayer.Cached
DataLayer.CSV
DataLayer.Definition List
DataLayer.Directory
DataLayer.Excel
DataLayer.Fixed Format File
DataLayer.Google App
DataLayer.Google Spreadsheet
DataLayer.JSON
DataLayer.LDAP
DataLayer.Linked
DataLayer.Mongo Find
DataLayer.Mongo Map Reduce
DataLayer.Mongo Run Command
DataLayer.Plugin
DataLayer.REST
DataLayer.Scheduler
DataLayer.SP
DataLayer.SQL
DataLayer.Static
DataLayer.Twitter
DataLayer.Web Feed
DataLayer.Web Scraper
DataLayer.Web Service
DataLayer.XML


 Back to top


 Chart Debug