logo image
메인
기술
HOME
기술

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

목록
#javascript

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}}
      -
    tag
    제목 작성자 날짜
    [기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
    #기본형
    		공대여자
    유용한 리눅스(LINUX) 명령어
    #linux #command
    		공대여자
    [공지] 기술 게시판
    #etc #공지
    		mins01
    DB table에서 정보 가져오기
    #database
    		mins
    우편번호 검색
    #php
    		mins
    insert row 테이블에 row 추가하기
    #javascript
    		mins
    IE,FF 의 투명도 설정 : opacity
    #css
    		mins
    JS로 벡터이미지 그리기
    #javascript
    		mins
    배열 소트 기능함수 사용, Array sorting
    #javascript
    		mins
    up down 버튼 만들기 (DOM)
    #javascript
    		mins
    라디오 버튼을 체크하기 JS
    #javascript
    		mins
    Internet Explorer에서 Mozilla로 애플리케이션 마이그레이션 하기
    #html
    		mins
    멋진 트리구조 폴더 (JS와 XML 등등 혼합)
    #javascript
    		mins
    innerText 대신 사용
    #javascript
    		mins
    항상 새로고침 해더 설정.
    #php
    		mins
    MSIE의 insertAdjacentHTML 에뮬레이션, 표준 DOM으로 처리하기
    #javascript
    		mins
    MSIE 와 FireFox호환 (pasteHTML)
    #javascript
    		mins
    위즈윅 에디터들
    #javascript
    		mins
    tag