[JavaScript] TreeView 사용하기 (fancytree) - 2 노드 추가하기

2019. 6. 6. 08:13· WEB/JavaScript
반응형

[JavaScript] TreeView 사용하기 (fancytree) - 2 노드 추가하기


 

이전 글 : [JavaScript] TreeView 사용하기 (fancytree)

 

# fancytree를 선언한 후 노드(데이터)에 노드를 추가하는 방법이다.

 

 

이전 글에서 처럼 fancytree를 생성할 때 변수에 할당 했었으면,

아래와 같이 사용할 수 있고,

const _tree = fancytree.createTree('#tree', {
  ...
}

// 데이터 추가
_tree.options.source = 데이터

// 트리 reload
_tree.reload()

 

만약, 할당하지 않았을 경우엔 이와 같이 사용할 수 있다.

fancytree.createTree('#tree', {
  ...
}

// 데이터 추가
fancytree.getTree().options.source = 데이터

// 트리 reload
fancytree.getTree().reload()

 

즉, fancytree.createTree 하면서 할당한 변수 _tree와 fancytree.getTree() 는 같은 값을 갖는다.

 

반응형
저작자표시 비영리 변경금지

'WEB > JavaScript' 카테고리의 다른 글

[JavaScript] TreeView 사용하기 (fancytree) - 4 context menu  (0) 2019.06.14
[JavaScript] TreeView 사용하기 (fancytree) - 3 title 줄바꿈 하기  (0) 2019.06.11
[JavaScript] TreeView 사용하기 (fancytree)  (0) 2019.06.03
[Vue.js] Vue-cli (2)  (0) 2019.06.01
[Vue.js] Vue-cli (1)  (0) 2019.05.31
'WEB/JavaScript' 카테고리의 다른 글
  • [JavaScript] TreeView 사용하기 (fancytree) - 4 context menu
  • [JavaScript] TreeView 사용하기 (fancytree) - 3 title 줄바꿈 하기
  • [JavaScript] TreeView 사용하기 (fancytree)
  • [Vue.js] Vue-cli (2)
S0PH1A
S0PH1A
반응형
S0PH1A
Web Programmer
S0PH1A
전체
오늘
어제
  • 전체
    • About Me
    • Python
      • Python
      • Django
    • DataBase
      • MySQL
      • MongoDB
    • JAVA
      • JAVA
      • Spring
    • WEB
      • JavaScript
      • HTML
      • CSS
      • Vue.js
      • React
      • Nest.js
      • Node.js
      • Electron
      • PHP
    • Linux
    • Algorithm
    • 기타
    • 생각
    • App
      • ReactNative

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • vue.js
  • nodejs
  • django
  • Error
  • mysql
  • install
  • electron
  • Python
  • vue
  • javascript

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
S0PH1A
[JavaScript] TreeView 사용하기 (fancytree) - 2 노드 추가하기
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.