[jQuery] Tree View
[jQuery] Tree View
Hi All,
I'm not sure if it's been done before, but I felt inspired by Dean Edward's Das Bloat (<a href="http://dean.edwards.name/weblog/2006/05/das-bloat/" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://dean.edwards.name/weblog/2006/05/das-bloat/</a>) referencing the large size that the Yahoo UI Tree View control was. I took a look at it and began work on a stripped down, simple tree view using strictly jQuery.
This is no way is a replacement for the current Tree View that YUI provides, but it is a starting point.
<a href="http://be.twixt.us/jquery/treeView.php" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://be.twixt.us/jquery/treeView.php</a>
What I've discovered is there was a lot to expand on:
Hover State Awareness: <a href="http://toys.localhost/jquery/treeViewHover.php" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://toys.localhost/jquery/treeViewHover.php</a>
Slide Effects for show/hide: <a href="http://be.twixt.us/jquery/treeViewEffects.php" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://be.twixt.us/jquery/treeViewEffects.php
</a>
... and there is surely more to do (ajaxLoads on Click, ect) ...
I've gotten it to a point of working with strictly basic functionality. In building out the 3 bases versions, I found I was needing a couple of extra plugins:
replaceClass - If a class exists, replace it with new class
swapClass - If either class exists, replace them with each other, respectively
I'd be intersted in hearing any ways to optomize the class controls, as some if it is a bit overkill, but I was happy to find a solution that worked in jQuery so nicely.
Enjoy,
Myles
p.s. thank you to Dean for star-light :)
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/