Building on already available CheckTree renderers, here is the first release (0.1) of the CheckBoxTree component. Supports three state items i.e. “checked”, “unchecked”, “schrodinger” and it has a basic search function implemented.
Sample code:
<inputs:CheckBoxTree width="480" height="320" title="Indian Subcontinent"> <inputs:dataProvider> <mx:XMLListCollection> <mx:source> <mx:XMLList xmlns=""> <node state='checked' label='All' value='1'/> <node state='unchecked' label='Afghanistan' value='2'/> <node state='unchecked' label='Bangladesh' value='3'/> <node state='unchecked' label='Bhutan' value='4'/> <node state='unchecked' label='India' value='91'> <node state='unchecked' label='Jammu and Kashmir' value='10'/> <node state='unchecked' label='Himachal Pradesh' value='11'/> <node state='unchecked' label='Punjab' value='12'/> <node state='unchecked' label='Haryana' value='13'/> <node state='unchecked' label='Uttaranchal' value='14'/> </node> <node state='unchecked' label='Nepal' value='5'/> <node state='unchecked' label='Pakistan' value='6'/> <node state='unchecked' label='Sri Lanka' value='7'/> </mx:XMLList> </mx:source> </mx:XMLListCollection> </inputs:dataProvider> </inputs:CheckBoxTree>
A quick screen shot..
Again, all code self explanatory. Proper documentation will follow when advanced features will be introduced into the component.
What’s next?
– Select all, Clear all features
– Support for multiple dataProviders
– getCheckedItems(), setCheckedItems() methods etc.
