jQuery Plugins – CheckTree(ycTIN Edition)

This edition is compatible with CheckTree, fixed some bugs and added some new function. You can easily to integrate and handle AJAX update.

image


Improvements

I forgot it … you can compare below projects =_=

History

jQuery Checkbox Tree Plugin  > CheckTree v 0.2 > CheckTree(ycTIN Edition)

Demonstration

Click here to demo site

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:

  1. jQuery Plugins – Month Picker Good user experience month selector, easily to choose the report...
  2. jQuery Plugins – AjaxScroll AjaxScroll is an lightweight jQuery plugins . Provided the ajax...
  3. [PHP] Force download the files Some time you may want the user download the file...
  4. jQuery Overview jQuery is a fast and concise JavaScript Library that simplifies...
  5. Detect Internet Explorer 6 in jQuery Microsoft Internet Explorer 6 still is a popular browser in...


1 Star2 Stars3 Stars4 Stars5 Stars (7 votes, average: 4.29 out of 5)
Loading ... Loading ...
Tags: , , ,  

17 Comments

  1. 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:

    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

    Reply

  2. Thomas Weigand

    Can I remove the checkbox from the top node? I would have only checkboxes on the input elements.

    thanks
    Thomas

    ycTIN Reply:

    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

    Reply

  3. How do you initialize the tree with nodes collapsed rather than expanded?

    ycTIN Reply:

    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

    Reply

  4. Peter Mumford

    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:

    Hi Peter,

    um…sorry, no simple solution in this time. You gave me the improve direction. ^_^

    Best Regards,
    Timmy

    Reply

  5. 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:

    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

    Reply

  6. 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:

    Hi John,

    You can click the checkbox in root node.

    Best Regards,
    Timmy

    Reply

  7. 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

    Reply

  8. 嗯~不错 谢了 下一个先 呵呵~~~:〉

    Reply

Leave a Reply