[jstree.js] drag&drop 기능 사용하기

jstree 코드

drag & drop 기능을 사용하기 위해서는 plugins 속성에 "dnd"를 추가 하고 core 속성에 "check_callback()" 함수를 정의 하면 된다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
//·jstree·코드¬
¬
$("#jstree")¬
··.jstree({¬
····core:·{¬
······data:·()·=>·{},¬
······...¬
······check_callback:·(operation,·node,·node_parent,·node_position,·more)·=>·{¬
········/*¬
········*·operation·:·동작·상태('create_node',·'rename_node',·'delete_node',·'move_node',·'copy_node'·or·'edit')¬
········*·node·:·선택된·노드·정¬
········*·node_parent·:·Drop·된·트리의·부모·노드·정보¬
········*·node_position·:·Drop·된·위치¬
········*·more·:·기타·정보¬
········*/¬
¬
········//·트리에서·특정·노드를·Drag·하여·Drop·하는·시점¬
········if·(operation·===·"move_node"·&&·more.ref·===·undefined)·{¬
··········//·필요·코드·작성¬
··········return·true¬
········}¬
········return·false¬
······})¬
····},¬
····...¬
····plugins:·["...",·"dnd",·"..."]¬
··})¬
¶
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX