멋진 트리구조 폴더 (JS와 XML 등등 혼합)

http://www.blueb.co.kr/SRC/javascript/package/dhtmlxTree/


Often there is a need to show a hierachically structured data.
Our dhtmlxTree (DHTML extensions Tree) lets to do this in an easy and most comfortable way - in any browser! Having such features, as dynamical loading of items from a XML stream allows it to handle large amounts of data. Drag-and-drop makes it possible to drag items not just within one tree, but between different trees. Try by yourself now:

Books
Mystery & Thrillers
Lawrence Block
Robert Crais
Ian Rankin
James Patterson
Nancy Atherton
History
John Mack Faragher
Jim Dwyer
Larry Schweikart
Sport
Bill Reynolds
Magazines
Sport
R. Lee Ermey
Horror
Stephen King
Dan Brown
Mary Janice Davidson
Katie Macalister
Science Fiction & Fantasy
Audrey Niffenegger
Philip Roth
Teens
Joss Whedon
Meg Cabot
Garth Nix
Ann Brashares
 
Lawrence Block
All the Flowers Are Dying
The Burglar on the Prowl
The Plot Thickens
Grifter's Game
The Burglar Who Thought He Was Bogart
Robert Crais
The Forgotten Man
Stalking the Angel
Sunset Express
Hostage
Dan Brown
Angels & Demons
Deception Point
Digital Fortress
The Da Vinci Code
Deception Point
Free Fall
Joss Whedon
Astonishing X-Men
Joss Whedon: The Genius Behind Buffy
Fray
Tales Of The Vampires
The Harvest
Drag & drop items within the trees as well as between trees
Double-click on folder label or click on [+] plus to expand subitems.


Supported Browsers:

  • IE 5.x and above
  • Mac OS X Safari
  • Mozilla 1.4 and above
  • FireFox 0.9 and above
  • Opera (Xml support depends on browser version)

    Features:

  • Multibrowser/Multiplatform support
  • Full controll with JavaScript API
  • Dynamic loading
  • XML support
  • drag-&-drop (within one tree, between trees)
  • checkboxes (two/three states)
  • customizable icons (with javascript or xml)
  • user data for nodes
  • high stability
  • .NET custom server control - pending
  • JSP custom tag for Java - pending
  • Macromedia Cold Fusion support

    Licensing

  • Open Source - GPL
  • Commercial License: in order to use dhtmlxTree in a commercial non-OpenSource project or to have support you can purchase a Commercial License ($99) - please contact us
  • Download:

  • Full package
  • Documentation only

    Examples:

  • Initialize object
  • Add/Delete items
  • Attached events
  • Collapse/Expand branch
  • Change item text/images
  • Checkboxes
  • Change design
  • Autoloading from xml
  • Drag and Drop

    Documentation:

  • API Functions and Documentation
    (including CF custom tag doc)

  • Download source code

    Code Sample

    <link rel="STYLESHEET" type="text/css" href="jTreeX.css"> <script src="dhtmlXCommon.js"></script> <script src="dhtmlXTree.js"></script> <script> var tree1 = null; function doOnLoad(){ tree1=new dhtmlXTreeObject('treebox1',"100%","100%",0); tree1.setImagePath("imgs/"); tree1.enableDragAndDrop(true); tree1.loadXML("tree.xml") } </script> <body onload="doOnLoad()"> <div id="treebox1" style=" width:250; height:250; background-color:#f5f5f5; border :1px solid Silver; overflow:auto;"> </div>
    댓글
    • No Nickname
      No Comment
    • 권한이 없습니다.
      {{m_row.m_nick}}
      -