Tree with CheckBox nodes
An extension for Ext.tree.TreeNodeUI to allow nodes to be ‘checked’. Based on forum discussion and samples. Includes basic (read: crude) serialization to retrieve all of the checked nodes. It also extends Ext.tree.MultiSelectionModel to allow multiple nodes to be selected and then checked by pressing the space bar. Checks cascade, so checking a child will check parents up the tree, and clearing a parent checkbox will clear all of it’s children.

Additional changes include allowing CTRL+click to deselect a selected node and shift+click to select a contiguous range of nodes. Shift+Click only works with nodes at the same depth beneath the same parent. You can click Blue and shift+click on Orange to select both nodes and everything between, but you cannot shift+click Horse and Red.

For more information see TreeCheckNode.js and TreeCheckNode.css

Demo: http://crepitus.com/misc/ext/tree.html

Download: http://crepitus.com/misc/ext/TreeCheckNode.js

Source: http://crepitus.com/misc/ext/tree.html

Related Listings:

1. JQuery : Checkbox Plugin Provides for the styling of checkboxes that degrades nicely...
2. Drag Drop Tree – EXTJs This script shows basic drag and drop node moving in...
3. DHTMLX JavaScript Tree Component dhtmlxTree (DHTML extensions Tree) is a feature rich JavaScript...
4. Flexible MooTools Tree Control: Mif.Tree Mif.Tree is a quality solution for creating tree menus with...
5. Row checkbox toggle using Jquery So since I’ve been playing with jQuery on my spare...

Do you like this post?

Email: