With DevTree, we pioneer a complete new genre of products – written using Object Oriented JavaScript and Model View Controller Architecture, DevTree is the result of our years of experience in building visual controls for Web Applications. This control harnesses the power of the browser and takes it to a level never achieved before. It automates all your web application development with the ease of use which comes with using JavaScript Application Framework. This component is an independent part of DevRx Suite which contains DevGrid as well. For details contact our site.
Modeled as an IE Behavior, it has a rich API consisting of more than 100 properties, methods and events. With DevTree you can show any kind of hierarchical data very easily with everything being driven by XML.
Some of the main features of DevTree are :
Client Side Code: Implemented as an Internet Explorer Behavior(IE5+) , the control takes the load off your server by doing all calculations on the client side. Just specify the data and look and feel and you have the tree running.
MVC Architecture: Built on the Model-View-Controller architecture, DevTree draws from the experiences of well known Controls in Industry like Java™ Swing classes. Also the data format in XML is perfect for showing hierarchical tree data.
XML Driven View: DevTree allows all the node types and their respective styles, images and custom properties to be specified in a schema. So you can specify if you want lines or not in the tree and customize each node’s appearance with each node having its own set of node icons. Also you can control the background colors and images of the whole tree from here. So your tree can be changed in a single, easy to look place and reused in your next project.
Persistence: No client side tree in the market comes with a tree which preserves its state. Ever thought about loading a tree again from where the last time your user left it. With DevTree, you have an option of storing the state and styles of the tree so that user sees the tree exactly as he left it.
Drag-Drop: The only tree in the market which supports drag and drop of nodes on the HTML page itself. DevTree automatically scrolls while you drag the node and a closed folder automatically expands if you stop the dragged node over it for some time. All the drag and drop features are fully customizable from which nodes can drop on which nodes to the time lag after which the closed node opens. Now you can rearrange the tree the way you want with no effort at all.
Selection: You want the user to select only one node at a time. No you want him to be able to select as many nodes as they are together. You want him to select with no restrictions. You don’t want the user to select a node. Don’t worry, we have an option for your scenarios. Selection can happen with Keyboard or Mouse with all possible combinations of CTRL and SHIFT Keys.
Editing Node Labels: Now your user can edit the tree using any way you like. Pressing F2 key or double click or even your own custom edit key. And you can cancel editing by any or all options at any time without writing any code.
Hot Tracking: Ever seen those jazzy mouse over effects but thought they were too much trouble. With DevTree, all kind of mouseover effects on node labels and node images can be done without a single line of code. Just specify the styles in schema and you are done.
Context Menu: Right click on any node to get a menu which allows you to insert, delete or change nodes at any time. And the best part is that you can change the menu’s look and feel to match your site.
Complete Keyboard Interface: You can do all the functions of the tree with the keyboard. From page down and scroll down to editing, selection and focus, all can happen through the keyboard.
Delayed Events: Ever wanted to load the right frame after the user has stopped scrolling in the tree. DevTree also includes a very useful delayed event which can be used for making navigation menu for your application.
Full HTML Support: Almost all HTML controls are supported in the tree so all you have to do is write the data and DevTree will do the rest.
Runtime Customization: You can control virtually everything in DevTree by its rich API. Respond to user events, errors and special items by using the methods and properties, providing a complete experience to the end user.
Scroll tracking and Scroll Tips: With an inbuilt scroller, DevTree allows you to control scrollbar, specify its width and style and move it anywhere you like. You can get all information about scroller from the events being fired and react with the scroller methods exposed. You can also make scroll tips to provide an informational pop-up during scrolling. The styles on scroll bar is also controlled through XML and DevTree comes with many custom built styles of scroller.
Insert/Delete Nodes: You can insert and delete nodes at runtime at lightning speeds.
Display Huge Amount of Data: DevTree has been tested successfully for more than 10,000 nodes. The unique feature of extracting data from the data object during the run-time and displaying it gives DevTree the ability to display such a large data.
Excellent documentation: DevTree includes an extensive manual and online help, with tutorials and samples explaining all aspects of the tree.
Responsive technical support: DevTree comes with free technical support via email, fax, peer-to-peer newsgroups, samples, FAQ’s etc. Please visit www.DrDev.com for more details about technical support.