IntegralUI TreeView

Displays hierarchical data structures

Appearance
  • Customize the appearance of every control part: background, border, items, expand box and scrollbars
  • Color Schemes: Dark and Light
  • Opton to show even/odd rows in alternate colors using custom styles
  • Option to change appearance of each item separately
  • Separate look for each item state: normal, selected, focused, hovered and disabled
  • Option to change the overall appearance using your own custom settings with conditions
  • Option to create your own Themes
Asynchronous Animations
  • Each animation is asyncronous and doesn't interfere with other tasks
  • Option to wait for animation to finish prior performing other tasks
  • During component initialization you can show animation that will slide items from left to right
  • Add/Remove/Clear process of items is fully animated with different animations
  • Animations during dynamic drag and drop, where items move to make space for target drop position
  • Expand/Collapse of items is animated
  • Animated component size changes when auto-size is enabled
  • Moving items from one position to another in everi direction (Left, Right, Up, Down, After, Before and At) is animated
Data
  • Option to use custom data source through data binding
  • Each item can have custom data fields
Drag and Drop
  • Option to drag and drop multiple items
  • Drag Drop items from/to other components
  • Option to drop copies of dragged items while holding SHIFT key
  • Use built-in operation where items are reordered in standard way showing the reorder position tooltip
  • Create your own custom drag drop operation
  • Support for all standard drag drop events
  • Auto expanding while mouse cursor hovers over target item, allows you to easily reorder items
  • Auto scrolling near component area edges allows you to easily scroll the current view
Events
  • Change events during sorting and filtering
  • Drag Drop events during each step of drag and drop operation
  • Checked change events
  • Editing events
  • Expand/Collapse events
  • Item add/remove events
  • Item selection events
  • Keyboard related events
  • Mouse Click events: Click, DoubleClick and RightClick
  • Notification events during loading and update
  • Scrolling events when scroll position changes
Expand/Collapse
  • Expand Box can be visible or hidden
  • Option to replace the expand box with your own icon
  • Show expand box on right side
Filtering
  • Built-in suport for number and string filter operations
  • Filter can accept multiple values and performs complex operations with AND, OR criteria
  • Option to create your own custom filtering criteria
High Performance
  • Using virtualization you can load thousands of items in milliseconds
  • Provides a flat list of whole tree hierarchy that allows you to easily navigate among items
  • Load data on demand, as a whole or per parent node
Keyboard Navigation
  • Use arrow keys to navigate among items
  • Option to handle keyboard events and select items by pressing keys
Layout
  • Add your own custom content using item templates
  • Each item can have its own template or template can be shared among all items
  • You can change the item content based on custom conditions
  • Each item can have a check box
  • Each item can have a radio button that belong to radio group based on parent item
  • Option to add other components inside item space
  • Separate items by setting spacing between them
  • Each item can have its own context menu or tooltip
  • Option to change the item indent
  • Show customizable toolbar when item is hovered or selected
  • Auto-size based on item content
Scrolling
  • Option to show or hide horizontal and vertical scrollbars separately
  • Determine whether the component is scrollable
  • Determine the scrolling speed of mouse wheel from 5 supported values
  • Option to change ScrollBar appearance to: Static or Dynamic
  • Option to set up scroll position from code
  • Customize the appareance of scrollbars using custom styles
  • Scroll to specific item from code
Selection
  • Four ways to select items: None, One, MiltiSimple and MultiExtended
  • Choose whether only a single item or multiple items are selected
  • Selection is done with mouse, touch and/or keyboard
  • Option to preserve selection while doing other operations
  • Ability to have multiple selection using keyboard keys: CTRL and SHIFT
  • Option to select items from code
Sorting
  • Ability to create your own custom sort operation very easily
  • Sort items in ascending or descending order, or choose none to stop sorting
  • Sort items by using three built-in types: integer, double and string
Tooltips
  • Each item can have its own tooltip
  • Choose how soon a tooltip will popup, and how long should remain visible
  • Customize the tooltip appearance with CSS
  • Option to show PopOver with custom HTML elements over items