jQuery Plugins – CheckTree(ycTIN Edition)
Posted in jQuery on 05/18/2009 08:49 pm by ycTINThis edition is compatible with CheckTree, fixed some bugs and added some new function. You can easily to integrate and handle AJAX update.
Improvements
I forgot it … you can compare below projects =_=
History
jQuery Checkbox Tree Plugin > CheckTree v 0.2 > CheckTree(ycTIN Edition)
Demonstration
Download
Version 0.1 – Download (full demo and source code)
Bugs
Please comment here if you found it, i will kill the bugs ^_^
Related posts:
- jQuery Plugins – Month Picker Good user experience month selector, easily to choose the report...
- jQuery Plugins – AjaxScroll AjaxScroll is an lightweight jQuery plugins . Provided the ajax...
- [PHP] Force download the files Some time you may want the user download the file...
- jQuery Overview jQuery is a fast and concise JavaScript Library that simplifies...
- Detect Internet Explorer 6 in jQuery Microsoft Internet Explorer 6 still is a popular browser in...
Tags: Checkbox, jQuery, Plugins, Tree

(7 votes, average: 4.29 out of 5)
07/10/2009 at 1:40 PM
I like the tree – nice look and layout.
I was trying to wrap the tree in a div set with overflow:scroll but I can’t seem to confine the tree to 400 x 600 because I want to pop it up in a fixed width modal : using simplemodal, but I also tried just doing it on a straight page and couldn’t figure it out either. I have a long tree, but I need it confined with a scroll.
Any ideas. Thanks in advance
ycTIN Reply:
July 10th, 2009 at 6:14 PM
Hi Sam,
Please try to modify my example, find and change the following element
<ul class="tree">
to
<ul class="tree" style="border: 1px solid #ccc; padding: 6px; overflow-y: scroll; height: 300px; width: 500px;">
Timmy
07/21/2009 at 3:18 PM
Can I remove the checkbox from the top node? I would have only checkboxes on the input elements.
thanks
Thomas
ycTIN Reply:
July 21st, 2009 at 9:31 PM
Hi Thomas,
The root node is for control all sub nodes at once click. if you just have one sub node under the root, i think you can change it to root.
Timmy
07/22/2009 at 5:46 PM
How do you initialize the tree with nodes collapsed rather than expanded?
ycTIN Reply:
July 22nd, 2009 at 10:58 PM
You can modify the default settings or setting this at initialize time
change the `collapseAll` to `true` in the default settings
or
$checktree = $(“ul.tree”).checkTree({collapseAll:true});
Timmy
08/04/2009 at 11:22 PM
Hi, really like this tree. I need to have the font colourd and bold when its been selected. Can you tell me how I would go about doing this? Would really appreciate your help.
Peter..
ycTIN Reply:
August 18th, 2009 at 9:54 PM
Hi Peter,
um…sorry, no simple solution in this time. You gave me the improve direction. ^_^
Best Regards,
Timmy
08/06/2009 at 9:54 PM
Superb tree!!
One little issue: I see the collapsed-arrow when the tree is expanded and the expanded-arrow when the tree is collapsed. I’ve solved this problem by switching these 2 images.
Furthermore, is it possible to expand some nodes and collapse others at initialize time?
Thanks a lot!!
ycTIN Reply:
August 18th, 2009 at 10:00 PM
Hi Thomas,
I can’t find the issue about the images and i will implement your requested function in next version.
Thank for your visit and comment.
Best Regards,
Timmy
08/19/2009 at 11:53 PM
Hi,
This is great thank you!
One question though, you have a function to clear all checked nodes but you don’t have to select all nodes. Do you know how i would be able to make it check all nodes?
Thanks!!
ycTIN Reply:
August 21st, 2009 at 5:36 PM
Hi John,
You can click the checkbox in root node.
Best Regards,
Timmy
08/24/2009 at 6:47 PM
Timmy,
Yes, that is true, however i don’t have one root node, i have about 8.
What i really wanted was a button to click that would select all!
Just like the clear all button you have in the demo, but obviously doing the opposite!
Thank you!
Cheers
John
10/04/2009 at 1:26 PM
嗯~不错 谢了 下一个先 呵呵~~~:〉