jqtree 1.8.2 → 1.8.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bower.json +1 -1
- package/package.json +31 -29
- package/src/dragAndDropHandler/generateHitAreas.ts +47 -43
- package/src/nodeElement/ghostDropHint.ts +3 -37
- package/src/nodeElement/index.ts +1 -1
- package/src/saveStateHandler.ts +43 -59
- package/src/version.ts +1 -1
- package/tree.jquery.debug.js +69 -106
- package/tree.jquery.debug.js.map +1 -1
- package/tree.jquery.js +2 -2
- package/tree.jquery.js.map +1 -1
- package/.editorconfig +0 -12
- package/.eslintrc +0 -48
- package/.github/workflows/ci.yml +0 -68
- package/.github/workflows/codeql-analysis.yml +0 -32
- package/.github/workflows/size.yml +0 -24
- package/.github/workflows/static.yml +0 -57
- package/.prettier +0 -3
- package/config/.postcssrc +0 -6
- package/config/babel.config.json +0 -11
- package/config/babel.coverage.config.json +0 -4
- package/config/jest.config.js +0 -24
- package/config/jest.polyfills.js +0 -14
- package/config/playwright.config.js +0 -18
- package/config/production +0 -6
- package/config/rollup.config.mjs +0 -71
- package/css/jqtree.postcss +0 -193
- package/devserver/devserver.js +0 -7
- package/devserver/devserver_scroll.js +0 -8
- package/devserver/index.html +0 -22
- package/devserver/test_index.html +0 -22
- package/devserver/test_scroll.html +0 -28
- package/devserver/test_scroll_container.html +0 -39
- package/docs/.ruby-version +0 -1
- package/docs/Gemfile +0 -5
- package/docs/Gemfile.lock +0 -82
- package/docs/_config.yml +0 -126
- package/docs/_entries/events/index.md +0 -6
- package/docs/_entries/events/tree-click.md +0 -37
- package/docs/_entries/events/tree-close.md +0 -15
- package/docs/_entries/events/tree-contextmenu.md +0 -21
- package/docs/_entries/events/tree-dblclick.md +0 -19
- package/docs/_entries/events/tree-init.md +0 -15
- package/docs/_entries/events/tree-load-data.md +0 -15
- package/docs/_entries/events/tree-loading-data.md +0 -27
- package/docs/_entries/events/tree-move.md +0 -73
- package/docs/_entries/events/tree-open.md +0 -15
- package/docs/_entries/events/tree-refresh.md +0 -12
- package/docs/_entries/events/tree-select.md +0 -28
- package/docs/_entries/functions/addnodeafter.md +0 -20
- package/docs/_entries/functions/addnodebefore.md +0 -8
- package/docs/_entries/functions/addparentnode.md +0 -20
- package/docs/_entries/functions/appendnode.md +0 -50
- package/docs/_entries/functions/closenode.md +0 -23
- package/docs/_entries/functions/destroy.md +0 -12
- package/docs/_entries/functions/getnodebycallback.md +0 -24
- package/docs/_entries/functions/getnodebyhtmlelement.md +0 -29
- package/docs/_entries/functions/getnodebyid.md +0 -21
- package/docs/_entries/functions/getselectednode.md +0 -10
- package/docs/_entries/functions/getstate.md +0 -19
- package/docs/_entries/functions/gettree.md +0 -12
- package/docs/_entries/functions/index.md +0 -6
- package/docs/_entries/functions/is-node-selected.md +0 -11
- package/docs/_entries/functions/isdragging.md +0 -12
- package/docs/_entries/functions/loaddata.md +0 -46
- package/docs/_entries/functions/loaddatafromurl.md +0 -55
- package/docs/_entries/functions/movedown.md +0 -8
- package/docs/_entries/functions/movenode.md +0 -15
- package/docs/_entries/functions/moveup.md +0 -8
- package/docs/_entries/functions/opennode.md +0 -44
- package/docs/_entries/functions/prependnode.md +0 -21
- package/docs/_entries/functions/refresh.md +0 -12
- package/docs/_entries/functions/reload.md +0 -22
- package/docs/_entries/functions/removenode.md +0 -12
- package/docs/_entries/functions/scrolltonode.md +0 -13
- package/docs/_entries/functions/selectnode.md +0 -45
- package/docs/_entries/functions/setoption.md +0 -12
- package/docs/_entries/functions/setstate.md +0 -8
- package/docs/_entries/functions/toggle.md +0 -25
- package/docs/_entries/functions/tojson.md +0 -13
- package/docs/_entries/functions/updatenode.md +0 -50
- package/docs/_entries/general/changelog.md +0 -434
- package/docs/_entries/general/demo.html +0 -28
- package/docs/_entries/general/downloads.md +0 -9
- package/docs/_entries/general/examples.md +0 -8
- package/docs/_entries/general/features.md +0 -15
- package/docs/_entries/general/index.md +0 -7
- package/docs/_entries/general/introduction.md +0 -9
- package/docs/_entries/general/requirements.md +0 -6
- package/docs/_entries/general/tutorial.md +0 -71
- package/docs/_entries/general/usecases.md +0 -15
- package/docs/_entries/multiple_selection/add-to-selection.md +0 -21
- package/docs/_entries/multiple_selection/get-selected-nodes.md +0 -10
- package/docs/_entries/multiple_selection/index.md +0 -9
- package/docs/_entries/multiple_selection/remove-from-selection.md +0 -11
- package/docs/_entries/node/children.md +0 -12
- package/docs/_entries/node/getdata.md +0 -17
- package/docs/_entries/node/getlevel.md +0 -13
- package/docs/_entries/node/getnextnode.md +0 -12
- package/docs/_entries/node/getnextsibling.md +0 -10
- package/docs/_entries/node/getnextvisiblenode.md +0 -15
- package/docs/_entries/node/getpreviousnode.md +0 -12
- package/docs/_entries/node/getprevioussibling.md +0 -10
- package/docs/_entries/node/getpreviousvisiblenode.md +0 -15
- package/docs/_entries/node/index.md +0 -13
- package/docs/_entries/node/parent.md +0 -10
- package/docs/_entries/options/animationspeed.md +0 -7
- package/docs/_entries/options/autoescape.md +0 -6
- package/docs/_entries/options/autoopen.md +0 -28
- package/docs/_entries/options/buttonleft.md +0 -12
- package/docs/_entries/options/closedicon.md +0 -26
- package/docs/_entries/options/data-url.md +0 -45
- package/docs/_entries/options/data.md +0 -46
- package/docs/_entries/options/datafilter.md +0 -17
- package/docs/_entries/options/draganddrop.md +0 -18
- package/docs/_entries/options/index.md +0 -6
- package/docs/_entries/options/keyboardsupport.md +0 -14
- package/docs/_entries/options/oncanmove.md +0 -22
- package/docs/_entries/options/oncanmoveto.md +0 -22
- package/docs/_entries/options/oncanselectnode.md +0 -26
- package/docs/_entries/options/oncreateli.md +0 -22
- package/docs/_entries/options/ondragmove.md +0 -20
- package/docs/_entries/options/ondragstop.md +0 -20
- package/docs/_entries/options/onismovehandle.md +0 -17
- package/docs/_entries/options/onloadfailed.md +0 -15
- package/docs/_entries/options/onloading.md +0 -22
- package/docs/_entries/options/openedicon.md +0 -26
- package/docs/_entries/options/openfolderdelay.md +0 -15
- package/docs/_entries/options/rtl.md +0 -18
- package/docs/_entries/options/savestate.md +0 -39
- package/docs/_entries/options/selectable.md +0 -18
- package/docs/_entries/options/showemptyfolder.md +0 -26
- package/docs/_entries/options/slide.md +0 -12
- package/docs/_entries/options/start_dnd_delay.md +0 -13
- package/docs/_entries/options/tabindex.md +0 -14
- package/docs/_entries/options/usecontextmenu.md +0 -14
- package/docs/_examples/01_load_json_data.html +0 -45
- package/docs/_examples/02_load_json_data_from_server.html +0 -29
- package/docs/_examples/03_drag_and_drop.html +0 -42
- package/docs/_examples/04_save_state.html +0 -46
- package/docs/_examples/05_load_on_demand.html +0 -68
- package/docs/_examples/06_autoescape.html +0 -45
- package/docs/_examples/07_autoscroll.html +0 -42
- package/docs/_examples/08_multiple_select.html +0 -60
- package/docs/_examples/09_custom_html.html +0 -61
- package/docs/_examples/10_icon_buttons.html +0 -26
- package/docs/_examples/11_right-to-left.html +0 -25
- package/docs/_examples/12_button_on_right.html +0 -26
- package/docs/_examples/13_drag_outside.html +0 -48
- package/docs/_examples/14_filter.html +0 -111
- package/docs/_layouts/example.html +0 -7
- package/docs/_layouts/page.html +0 -26
- package/docs/documentation.css +0 -3
- package/docs/index.html +0 -65
- package/docs/package.json +0 -22
- package/docs/pnpm-lock.yaml +0 -892
- package/docs/postcss.config.js +0 -7
- package/docs/static/bower.json +0 -8
- package/docs/static/bower_components/fontawesome/css/all.min.css +0 -9
- package/docs/static/bower_components/fontawesome/webfonts/fa-brands-400.ttf +0 -0
- package/docs/static/bower_components/fontawesome/webfonts/fa-brands-400.woff2 +0 -0
- package/docs/static/bower_components/fontawesome/webfonts/fa-regular-400.ttf +0 -0
- package/docs/static/bower_components/fontawesome/webfonts/fa-regular-400.woff2 +0 -0
- package/docs/static/bower_components/fontawesome/webfonts/fa-solid-900.ttf +0 -0
- package/docs/static/bower_components/fontawesome/webfonts/fa-solid-900.woff2 +0 -0
- package/docs/static/bower_components/fontawesome/webfonts/fa-v4compatibility.ttf +0 -0
- package/docs/static/bower_components/fontawesome/webfonts/fa-v4compatibility.woff2 +0 -0
- package/docs/static/bower_components/jquery/dist/jquery.js +0 -10704
- package/docs/static/bower_components/jquery/dist/jquery.min.js +0 -2
- package/docs/static/bower_components/jquery-mockjax/dist/jquery.mockjax.js +0 -1061
- package/docs/static/documentation.js +0 -26
- package/docs/static/example.postcss +0 -68
- package/docs/static/example_data.js +0 -122
- package/docs/static/examples/autoescape.js +0 -17
- package/docs/static/examples/autoscroll.js +0 -6
- package/docs/static/examples/button-on-right.js +0 -13
- package/docs/static/examples/custom_html.js +0 -27
- package/docs/static/examples/drag-outside.js +0 -37
- package/docs/static/examples/drag_and_drop.js +0 -13
- package/docs/static/examples/filter.js +0 -63
- package/docs/static/examples/icon_buttons.js +0 -12
- package/docs/static/examples/load_json_data.js +0 -16
- package/docs/static/examples/load_json_data_from_server.js +0 -9
- package/docs/static/examples/load_on_demand.js +0 -19
- package/docs/static/examples/multiple_select.js +0 -23
- package/docs/static/examples/right-to-left.js +0 -11
- package/docs/static/examples/save_state.js +0 -11
- package/docs/static/monokai.css +0 -70
- package/docs/static/spinner.gif +0 -0
- package/docs/tailwind.config.js +0 -16
- package/sitemap.txt +0 -14
- package/src/playwright/.eslintrc +0 -5
- package/src/playwright/coverage.ts +0 -38
- package/src/playwright/playwright.test.ts +0 -401
- package/src/playwright/playwright.test.ts-snapshots/with-dragAndDrop-moves-a-node-1-Chromium-darwin.png +0 -0
- package/src/playwright/playwright.test.ts-snapshots/with-dragAndDrop-moves-a-node-1-Chromium-linux.png +0 -0
- package/src/playwright/playwright.test.ts-snapshots/without-dragAndDrop-displays-a-tree-1-Chromium-darwin.png +0 -0
- package/src/playwright/playwright.test.ts-snapshots/without-dragAndDrop-displays-a-tree-1-Chromium-linux.png +0 -0
- package/src/playwright/playwright.test.ts-snapshots/without-dragAndDrop-selects-a-node-1-Chromium-darwin.png +0 -0
- package/src/playwright/playwright.test.ts-snapshots/without-dragAndDrop-selects-a-node-1-Chromium-linux.png +0 -0
- package/src/playwright/testUtils.ts +0 -153
- package/src/test/.eslintrc +0 -17
- package/src/test/global.d.ts +0 -1
- package/src/test/jqTree/accessibility.test.ts +0 -25
- package/src/test/jqTree/create.test.ts +0 -54
- package/src/test/jqTree/events.test.ts +0 -290
- package/src/test/jqTree/keyboard.test.ts +0 -247
- package/src/test/jqTree/loadOnDemand.test.ts +0 -198
- package/src/test/jqTree/methods.test.ts +0 -1491
- package/src/test/jqTree/mouse.test.ts +0 -82
- package/src/test/jqTree/options.test.ts +0 -595
- package/src/test/node.test.ts +0 -1396
- package/src/test/nodeUtils.test.ts +0 -21
- package/src/test/position.test.ts +0 -30
- package/src/test/support/exampleData.ts +0 -23
- package/src/test/support/jqTreeMatchers.ts +0 -68
- package/src/test/support/matchers.d.ts +0 -31
- package/src/test/support/setupTests.ts +0 -5
- package/src/test/support/testUtil.ts +0 -30
- package/src/test/support/treeStructure.ts +0 -39
- package/src/test/util.test.ts +0 -27
- package/tsconfig.json +0 -24
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8" />
|
|
5
|
-
<title>JqTree devserver</title>
|
|
6
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
|
-
<meta
|
|
8
|
-
name="description"
|
|
9
|
-
content="JqTree is a jQuery widget for displaying a tree structure in html"
|
|
10
|
-
/>
|
|
11
|
-
<link rel="stylesheet" href="/jqtree.css" />
|
|
12
|
-
<style>
|
|
13
|
-
body {
|
|
14
|
-
font-size: 20px;
|
|
15
|
-
}
|
|
16
|
-
ul.jqtree-tree ul.jqtree_common {
|
|
17
|
-
margin-left: 128px;
|
|
18
|
-
}
|
|
19
|
-
</style>
|
|
20
|
-
</head>
|
|
21
|
-
<body>
|
|
22
|
-
<div id="tree1"></div>
|
|
23
|
-
</body>
|
|
24
|
-
<script src="/bower_components/jquery/dist/jquery.min.js"></script>
|
|
25
|
-
<script src="/tree.jquery.js"></script>
|
|
26
|
-
<script src="/example_data.js"></script>
|
|
27
|
-
<script src="/devserver_scroll.js"></script>
|
|
28
|
-
</html>
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8" />
|
|
5
|
-
<title>JqTree devserver</title>
|
|
6
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
|
-
<meta
|
|
8
|
-
name="description"
|
|
9
|
-
content="JqTree is a jQuery widget for displaying a tree structure in html"
|
|
10
|
-
/>
|
|
11
|
-
<link rel="stylesheet" href="/jqtree.css" />
|
|
12
|
-
<style>
|
|
13
|
-
body {
|
|
14
|
-
font-size: 20px;
|
|
15
|
-
}
|
|
16
|
-
ul.jqtree-tree ul.jqtree_common {
|
|
17
|
-
margin-left: 128px;
|
|
18
|
-
}
|
|
19
|
-
#scroll-container {
|
|
20
|
-
height: 200px;
|
|
21
|
-
width: 400px;
|
|
22
|
-
overflow-y: scroll;
|
|
23
|
-
user-select: none;
|
|
24
|
-
background-color: #eee;
|
|
25
|
-
margin: 128px;
|
|
26
|
-
padding: 8px;
|
|
27
|
-
}
|
|
28
|
-
</style>
|
|
29
|
-
</head>
|
|
30
|
-
<body>
|
|
31
|
-
<div id="scroll-container">
|
|
32
|
-
<div id="tree1"></div>
|
|
33
|
-
</div>
|
|
34
|
-
</body>
|
|
35
|
-
<script src="/bower_components/jquery/dist/jquery.min.js"></script>
|
|
36
|
-
<script src="/tree.jquery.js"></script>
|
|
37
|
-
<script src="/example_data.js"></script>
|
|
38
|
-
<script src="/devserver_scroll.js"></script>
|
|
39
|
-
</html>
|
package/docs/.ruby-version
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
3.2.3
|
package/docs/Gemfile
DELETED
package/docs/Gemfile.lock
DELETED
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
GEM
|
|
2
|
-
remote: https://rubygems.org/
|
|
3
|
-
specs:
|
|
4
|
-
addressable (2.8.5)
|
|
5
|
-
public_suffix (>= 2.0.2, < 6.0)
|
|
6
|
-
colorator (1.1.0)
|
|
7
|
-
concurrent-ruby (1.2.2)
|
|
8
|
-
em-websocket (0.5.3)
|
|
9
|
-
eventmachine (>= 0.12.9)
|
|
10
|
-
http_parser.rb (~> 0)
|
|
11
|
-
eventmachine (1.2.7)
|
|
12
|
-
ffi (1.15.5)
|
|
13
|
-
forwardable-extended (2.6.0)
|
|
14
|
-
google-protobuf (3.24.3-arm64-darwin)
|
|
15
|
-
http_parser.rb (0.8.0)
|
|
16
|
-
i18n (1.14.1)
|
|
17
|
-
concurrent-ruby (~> 1.0)
|
|
18
|
-
jekyll (4.3.2)
|
|
19
|
-
addressable (~> 2.4)
|
|
20
|
-
colorator (~> 1.0)
|
|
21
|
-
em-websocket (~> 0.5)
|
|
22
|
-
i18n (~> 1.0)
|
|
23
|
-
jekyll-sass-converter (>= 2.0, < 4.0)
|
|
24
|
-
jekyll-watch (~> 2.0)
|
|
25
|
-
kramdown (~> 2.3, >= 2.3.1)
|
|
26
|
-
kramdown-parser-gfm (~> 1.0)
|
|
27
|
-
liquid (~> 4.0)
|
|
28
|
-
mercenary (>= 0.3.6, < 0.5)
|
|
29
|
-
pathutil (~> 0.9)
|
|
30
|
-
rouge (>= 3.0, < 5.0)
|
|
31
|
-
safe_yaml (~> 1.0)
|
|
32
|
-
terminal-table (>= 1.8, < 4.0)
|
|
33
|
-
webrick (~> 1.7)
|
|
34
|
-
jekyll-feed (0.17.0)
|
|
35
|
-
jekyll (>= 3.7, < 5.0)
|
|
36
|
-
jekyll-sass-converter (3.0.0)
|
|
37
|
-
sass-embedded (~> 1.54)
|
|
38
|
-
jekyll-seo-tag (2.8.0)
|
|
39
|
-
jekyll (>= 3.8, < 5.0)
|
|
40
|
-
jekyll-watch (2.2.1)
|
|
41
|
-
listen (~> 3.0)
|
|
42
|
-
kramdown (2.4.0)
|
|
43
|
-
rexml
|
|
44
|
-
kramdown-parser-gfm (1.1.0)
|
|
45
|
-
kramdown (~> 2.0)
|
|
46
|
-
liquid (4.0.4)
|
|
47
|
-
listen (3.8.0)
|
|
48
|
-
rb-fsevent (~> 0.10, >= 0.10.3)
|
|
49
|
-
rb-inotify (~> 0.9, >= 0.9.10)
|
|
50
|
-
mercenary (0.4.0)
|
|
51
|
-
minima (2.5.1)
|
|
52
|
-
jekyll (>= 3.5, < 5.0)
|
|
53
|
-
jekyll-feed (~> 0.9)
|
|
54
|
-
jekyll-seo-tag (~> 2.1)
|
|
55
|
-
pathutil (0.16.2)
|
|
56
|
-
forwardable-extended (~> 2.6)
|
|
57
|
-
public_suffix (5.0.3)
|
|
58
|
-
rb-fsevent (0.11.2)
|
|
59
|
-
rb-inotify (0.10.1)
|
|
60
|
-
ffi (~> 1.0)
|
|
61
|
-
rexml (3.2.6)
|
|
62
|
-
rouge (4.1.3)
|
|
63
|
-
safe_yaml (1.0.5)
|
|
64
|
-
sass-embedded (1.67.0-arm64-darwin)
|
|
65
|
-
google-protobuf (~> 3.23)
|
|
66
|
-
terminal-table (3.0.2)
|
|
67
|
-
unicode-display_width (>= 1.1.1, < 3)
|
|
68
|
-
unicode-display_width (2.4.2)
|
|
69
|
-
webrick (1.8.1)
|
|
70
|
-
|
|
71
|
-
PLATFORMS
|
|
72
|
-
arm64-darwin-22
|
|
73
|
-
|
|
74
|
-
DEPENDENCIES
|
|
75
|
-
jekyll (~> 4.3.2)
|
|
76
|
-
minima (~> 2.5)
|
|
77
|
-
|
|
78
|
-
RUBY VERSION
|
|
79
|
-
ruby 3.2.2p53
|
|
80
|
-
|
|
81
|
-
BUNDLED WITH
|
|
82
|
-
2.4.10
|
package/docs/_config.yml
DELETED
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
# Site settings
|
|
2
|
-
title: jqTree
|
|
3
|
-
email: your-email@domain.com
|
|
4
|
-
description: "JqTree docs"
|
|
5
|
-
baseurl: "/jqTree"
|
|
6
|
-
url: "http://mbraak.github.io/jqTree/"
|
|
7
|
-
|
|
8
|
-
collections:
|
|
9
|
-
entries:
|
|
10
|
-
output: false
|
|
11
|
-
order:
|
|
12
|
-
- general/index.md
|
|
13
|
-
- general/introduction.md
|
|
14
|
-
- general/features.md
|
|
15
|
-
- general/demo.html
|
|
16
|
-
- general/requirements.md
|
|
17
|
-
- general/downloads.md
|
|
18
|
-
- general/tutorial.md
|
|
19
|
-
- general/examples.md
|
|
20
|
-
- general/usecases.md
|
|
21
|
-
- general/changelog.md
|
|
22
|
-
- options/index.md
|
|
23
|
-
- options/animationspeed.md
|
|
24
|
-
- options/autoescape.md
|
|
25
|
-
- options/autoopen.md
|
|
26
|
-
- options/buttonleft.md
|
|
27
|
-
- options/closedicon.md
|
|
28
|
-
- options/data.md
|
|
29
|
-
- options/datafilter.md
|
|
30
|
-
- options/data-url.md
|
|
31
|
-
- options/draganddrop.md
|
|
32
|
-
- options/keyboardsupport.md
|
|
33
|
-
- options/oncanmove.md
|
|
34
|
-
- options/oncanmoveto.md
|
|
35
|
-
- options/oncanselectnode.md
|
|
36
|
-
- options/oncreateli.md
|
|
37
|
-
- options/ondragmove.md
|
|
38
|
-
- options/ondragstop.md
|
|
39
|
-
- options/onismovehandle.md
|
|
40
|
-
- options/onloadfailed.md
|
|
41
|
-
- options/onloading.md
|
|
42
|
-
- options/openedicon.md
|
|
43
|
-
- options/openfolderdelay.md
|
|
44
|
-
- options/rtl.md
|
|
45
|
-
- options/savestate.md
|
|
46
|
-
- options/selectable.md
|
|
47
|
-
- options/showemptyfolder.md
|
|
48
|
-
- options/slide.md
|
|
49
|
-
- options/start_dnd_delay.md
|
|
50
|
-
- options/tabindex.md
|
|
51
|
-
- options/usecontextmenu.md
|
|
52
|
-
- functions/index.md
|
|
53
|
-
- functions/addparentnode.md
|
|
54
|
-
- functions/addnodeafter.md
|
|
55
|
-
- functions/addnodebefore.md
|
|
56
|
-
- functions/appendnode.md
|
|
57
|
-
- functions/closenode.md
|
|
58
|
-
- functions/destroy.md
|
|
59
|
-
- functions/getnodebycallback.md
|
|
60
|
-
- functions/getnodebyid.md
|
|
61
|
-
- functions/getnodebyhtmlelement.md
|
|
62
|
-
- functions/getselectednode.md
|
|
63
|
-
- functions/getstate.md
|
|
64
|
-
- functions/gettree.md
|
|
65
|
-
- functions/isdragging.md
|
|
66
|
-
- functions/is-node-selected.md
|
|
67
|
-
- functions/loaddata.md
|
|
68
|
-
- functions/loaddatafromurl.md
|
|
69
|
-
- functions/movedown.md
|
|
70
|
-
- functions/movenode.md
|
|
71
|
-
- functions/moveup.md
|
|
72
|
-
- functions/opennode.md
|
|
73
|
-
- functions/prependnode.md
|
|
74
|
-
- functions/refresh.md
|
|
75
|
-
- functions/reload.md
|
|
76
|
-
- functions/removenode.md
|
|
77
|
-
- functions/selectnode.md
|
|
78
|
-
- functions/scrolltonode.md
|
|
79
|
-
- functions/setoption.md
|
|
80
|
-
- functions/setstate.md
|
|
81
|
-
- functions/toggle.md
|
|
82
|
-
- functions/tojson.md
|
|
83
|
-
- functions/updatenode.md
|
|
84
|
-
- events/index.md
|
|
85
|
-
- events/tree-click.md
|
|
86
|
-
- events/tree-close.md
|
|
87
|
-
- events/tree-contextmenu.md
|
|
88
|
-
- events/tree-dblclick.md
|
|
89
|
-
- events/tree-init.md
|
|
90
|
-
- events/tree-load-data.md
|
|
91
|
-
- events/tree-loading-data.md
|
|
92
|
-
- events/tree-move.md
|
|
93
|
-
- events/tree-refresh.md
|
|
94
|
-
- events/tree-open.md
|
|
95
|
-
- events/tree-select.md
|
|
96
|
-
- multiple_selection/index.md
|
|
97
|
-
- multiple_selection/add-to-selection.md
|
|
98
|
-
- multiple_selection/get-selected-nodes.md
|
|
99
|
-
- multiple_selection/remove-from-selection.md
|
|
100
|
-
- node/index.md
|
|
101
|
-
- node/children.md
|
|
102
|
-
- node/getdata.md
|
|
103
|
-
- node/getlevel.md
|
|
104
|
-
- node/getnextnode.md
|
|
105
|
-
- node/getnextsibling.md
|
|
106
|
-
- node/getnextvisiblenode.md
|
|
107
|
-
- node/getpreviousnode.md
|
|
108
|
-
- node/getprevioussibling.md
|
|
109
|
-
- node/getpreviousvisiblenode.md
|
|
110
|
-
- node/parent.md
|
|
111
|
-
examples:
|
|
112
|
-
output: true
|
|
113
|
-
|
|
114
|
-
defaults:
|
|
115
|
-
- scope:
|
|
116
|
-
path: ""
|
|
117
|
-
type: "examples"
|
|
118
|
-
values:
|
|
119
|
-
layout: "example"
|
|
120
|
-
|
|
121
|
-
jqtree_version: 1.8.2
|
|
122
|
-
|
|
123
|
-
# Build settings
|
|
124
|
-
markdown: kramdown
|
|
125
|
-
permalink: pretty
|
|
126
|
-
exclude: ["node_modules"]
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: tree.click
|
|
3
|
-
name: event-tree-click
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
Triggered when a tree node is clicked. The event contains the following properties:
|
|
7
|
-
|
|
8
|
-
* **node**: the node that is clicked on
|
|
9
|
-
* **click_event**: the original click event
|
|
10
|
-
|
|
11
|
-
{% highlight js %}
|
|
12
|
-
// create tree
|
|
13
|
-
$('#tree1').tree({
|
|
14
|
-
data: data
|
|
15
|
-
});
|
|
16
|
-
|
|
17
|
-
// bind 'tree.click' event
|
|
18
|
-
$('#tree1').on(
|
|
19
|
-
'tree.click',
|
|
20
|
-
function(event) {
|
|
21
|
-
// The clicked node is 'event.node'
|
|
22
|
-
var node = event.node;
|
|
23
|
-
alert(node.name);
|
|
24
|
-
}
|
|
25
|
-
);
|
|
26
|
-
{% endhighlight %}
|
|
27
|
-
|
|
28
|
-
The default action is to select the node. You can prevent the selection by calling **preventDefault**:
|
|
29
|
-
|
|
30
|
-
{% highlight js %}
|
|
31
|
-
$('#tree1').on(
|
|
32
|
-
'tree.click',
|
|
33
|
-
function(event) {
|
|
34
|
-
event.preventDefault();
|
|
35
|
-
}
|
|
36
|
-
);
|
|
37
|
-
{% endhighlight %}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: tree.contextmenu
|
|
3
|
-
name: event-tree-contextmenu
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
Triggered when the user right-clicks a tree node. The event contains the following properties:
|
|
7
|
-
|
|
8
|
-
* **node**: the node that is clicked on
|
|
9
|
-
* **click_event**: the original click event
|
|
10
|
-
|
|
11
|
-
{% highlight js %}
|
|
12
|
-
// bind 'tree.contextmenu' event
|
|
13
|
-
$('#tree1').on(
|
|
14
|
-
'tree.contextmenu',
|
|
15
|
-
function(event) {
|
|
16
|
-
// The clicked node is 'event.node'
|
|
17
|
-
var node = event.node;
|
|
18
|
-
alert(node.name);
|
|
19
|
-
}
|
|
20
|
-
);
|
|
21
|
-
{% endhighlight %}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: tree.dblclick
|
|
3
|
-
name: event-tree-dblclick
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
The **tree.dblclick** is fired when a tree node is double-clicked. The event contains the following properties:
|
|
7
|
-
|
|
8
|
-
* **node**: the node that is clicked on
|
|
9
|
-
* **click_event**: the original click event
|
|
10
|
-
|
|
11
|
-
{% highlight js %}
|
|
12
|
-
$('#tree1').on(
|
|
13
|
-
'tree.dblclick',
|
|
14
|
-
function(event) {
|
|
15
|
-
// event.node is the clicked node
|
|
16
|
-
console.log(event.node);
|
|
17
|
-
}
|
|
18
|
-
);
|
|
19
|
-
{% endhighlight %}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: tree.init
|
|
3
|
-
name: event-tree-init
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
Called when the tree is initialized. This is particularly useful when the data is loaded from the server.
|
|
7
|
-
|
|
8
|
-
{% highlight js %}
|
|
9
|
-
$('#tree1').on(
|
|
10
|
-
'tree.init',
|
|
11
|
-
function() {
|
|
12
|
-
// initializing code
|
|
13
|
-
}
|
|
14
|
-
);
|
|
15
|
-
{% endhighlight %}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: tree.loading_data
|
|
3
|
-
name: event-loading-data
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
Called before and after data is loaded using ajax.
|
|
7
|
-
|
|
8
|
-
The event data looks like this:
|
|
9
|
-
|
|
10
|
-
* **isLoading**: true / false
|
|
11
|
-
* **node**:
|
|
12
|
-
* null; when loading the whole tree
|
|
13
|
-
* a node; when a node is loaded on demand
|
|
14
|
-
* **$el**: dom element
|
|
15
|
-
* whole tree; when loading the whole tree
|
|
16
|
-
* dom element of node; when a node is loaded on demand
|
|
17
|
-
|
|
18
|
-
Example code:
|
|
19
|
-
|
|
20
|
-
{% highlight js %}
|
|
21
|
-
$('#tree1').on(
|
|
22
|
-
'tree.loading_data',
|
|
23
|
-
function(e) {
|
|
24
|
-
console.log(e.isLoading, e.node, e.$el);
|
|
25
|
-
}
|
|
26
|
-
);
|
|
27
|
-
{% endhighlight %}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: tree.move
|
|
3
|
-
name: event-tree-move
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
Triggered when the user moves a node.
|
|
7
|
-
|
|
8
|
-
Note that this event is called **before** the node is moved. See note about `do_move` below.
|
|
9
|
-
|
|
10
|
-
Event.move_info contains:
|
|
11
|
-
|
|
12
|
-
* moved_node
|
|
13
|
-
* target_node
|
|
14
|
-
* position: (before, after or inside)
|
|
15
|
-
* previous_parent
|
|
16
|
-
|
|
17
|
-
{% highlight js %}
|
|
18
|
-
$('#tree1').tree({
|
|
19
|
-
data: data,
|
|
20
|
-
dragAndDrop: true
|
|
21
|
-
});
|
|
22
|
-
|
|
23
|
-
$('#tree1').on(
|
|
24
|
-
'tree.move',
|
|
25
|
-
function(event) {
|
|
26
|
-
console.log('moved_node', event.move_info.moved_node);
|
|
27
|
-
console.log('target_node', event.move_info.target_node);
|
|
28
|
-
console.log('position', event.move_info.position);
|
|
29
|
-
console.log('previous_parent', event.move_info.previous_parent);
|
|
30
|
-
}
|
|
31
|
-
);
|
|
32
|
-
{% endhighlight %}
|
|
33
|
-
|
|
34
|
-
You can prevent the move by calling **event.preventDefault()**
|
|
35
|
-
|
|
36
|
-
{% highlight js %}
|
|
37
|
-
$('#tree1').on(
|
|
38
|
-
'tree.move',
|
|
39
|
-
function(event) {
|
|
40
|
-
event.preventDefault();
|
|
41
|
-
}
|
|
42
|
-
);
|
|
43
|
-
{% endhighlight %}
|
|
44
|
-
|
|
45
|
-
You can later call **event.move_info.move_info.do_move()** to move the node. This way you can ask the user before moving the node:
|
|
46
|
-
|
|
47
|
-
{% highlight js %}
|
|
48
|
-
$('#tree1').on(
|
|
49
|
-
'tree.move',
|
|
50
|
-
function(event) {
|
|
51
|
-
event.preventDefault();
|
|
52
|
-
|
|
53
|
-
if (confirm('Really move?')) {
|
|
54
|
-
event.move_info.do_move();
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
);
|
|
58
|
-
{% endhighlight %}
|
|
59
|
-
|
|
60
|
-
Note that if you want to serialise the tree, for example to POST back to a server, you need to let tree complete the move first:
|
|
61
|
-
|
|
62
|
-
{% highlight js %}
|
|
63
|
-
$('#tree1').on(
|
|
64
|
-
'tree.move',
|
|
65
|
-
function(event)
|
|
66
|
-
{
|
|
67
|
-
event.preventDefault();
|
|
68
|
-
// do the move first, and _then_ POST back.
|
|
69
|
-
event.move_info.do_move();
|
|
70
|
-
$.post('your_url', {tree: $(this).tree('toJson')});
|
|
71
|
-
}
|
|
72
|
-
);
|
|
73
|
-
{% endhighlight %}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: tree.refresh
|
|
3
|
-
name: event-tree-refresh
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
The `tree.refresh` event is triggered when the tree is repainted.
|
|
7
|
-
|
|
8
|
-
Examples when the `tree.refresh` event is fired:
|
|
9
|
-
|
|
10
|
-
- after the first draw of the tree
|
|
11
|
-
- after a node is moved
|
|
12
|
-
- after the `updateNode` method is called
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: tree.select
|
|
3
|
-
name: event-tree-select
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
Triggered when a tree node is selected or deselected.
|
|
7
|
-
|
|
8
|
-
If a node is selected, then **event.node** contains the selected node.
|
|
9
|
-
|
|
10
|
-
If a node is deselected, then the **event.node** property is null.
|
|
11
|
-
|
|
12
|
-
{% highlight js %}
|
|
13
|
-
$('#tree1').on(
|
|
14
|
-
'tree.select',
|
|
15
|
-
function(event) {
|
|
16
|
-
if (event.node) {
|
|
17
|
-
// node was selected
|
|
18
|
-
var node = event.node;
|
|
19
|
-
alert(node.name);
|
|
20
|
-
}
|
|
21
|
-
else {
|
|
22
|
-
// event.node is null
|
|
23
|
-
// a node was deselected
|
|
24
|
-
// e.previous_node contains the deselected node
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
);
|
|
28
|
-
{% endhighlight %}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: addNodeAfter
|
|
3
|
-
name: functions-addnodeafter
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
**function addNodeAfter(newNodeInfo, existingNode);**
|
|
7
|
-
|
|
8
|
-
Add a new node after this existing node.
|
|
9
|
-
|
|
10
|
-
{% highlight js %}
|
|
11
|
-
var node1 = $('#tree1').tree('getNodeByName', 'node1');
|
|
12
|
-
$('#tree1').tree(
|
|
13
|
-
'addNodeAfter',
|
|
14
|
-
{
|
|
15
|
-
name: 'new_node',
|
|
16
|
-
id: 456
|
|
17
|
-
},
|
|
18
|
-
node1
|
|
19
|
-
);
|
|
20
|
-
{% endhighlight %}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: addParentNode
|
|
3
|
-
name: functions-addparentnode
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
**function addParentNode(newNodeInfo, existingNode);**
|
|
7
|
-
|
|
8
|
-
Add a new node as parent of this existing node.
|
|
9
|
-
|
|
10
|
-
{% highlight js %}
|
|
11
|
-
var node1 = $('#tree1').tree('getNodeByName', 'node1');
|
|
12
|
-
$('#tree1').tree(
|
|
13
|
-
'addParentNode',
|
|
14
|
-
{
|
|
15
|
-
name: 'new_parent',
|
|
16
|
-
id: 456
|
|
17
|
-
},
|
|
18
|
-
node1
|
|
19
|
-
);
|
|
20
|
-
{% endhighlight %}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: appendNode
|
|
3
|
-
name: functions-appendnode
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
**function appendNode(newNodeInfo, parentNode);**
|
|
7
|
-
|
|
8
|
-
Add a node to this parent node. If **parentNode** is empty, then the new node becomes a root node.
|
|
9
|
-
|
|
10
|
-
{% highlight js %}
|
|
11
|
-
var parentNode = $tree.tree('getNodeById', 123);
|
|
12
|
-
|
|
13
|
-
$tree.tree(
|
|
14
|
-
'appendNode',
|
|
15
|
-
{
|
|
16
|
-
name: 'new_node',
|
|
17
|
-
id: 456
|
|
18
|
-
},
|
|
19
|
-
parentNode
|
|
20
|
-
);
|
|
21
|
-
{% endhighlight %}
|
|
22
|
-
|
|
23
|
-
To add a root node, leave *parent_node* empty:
|
|
24
|
-
|
|
25
|
-
{% highlight js %}
|
|
26
|
-
$tree.tree(
|
|
27
|
-
'appendNode',
|
|
28
|
-
{
|
|
29
|
-
name: 'new_node',
|
|
30
|
-
id: 456
|
|
31
|
-
}
|
|
32
|
-
);
|
|
33
|
-
{% endhighlight %}
|
|
34
|
-
|
|
35
|
-
It's also possible to append a subtree:
|
|
36
|
-
|
|
37
|
-
{% highlight js %}
|
|
38
|
-
$tree.tree(
|
|
39
|
-
'appendNode',
|
|
40
|
-
{
|
|
41
|
-
name: 'new_node',
|
|
42
|
-
id: 456,
|
|
43
|
-
children: [
|
|
44
|
-
{ name: 'child1', id: 457 },
|
|
45
|
-
{ name: 'child2', id: 458 }
|
|
46
|
-
]
|
|
47
|
-
},
|
|
48
|
-
parentNode
|
|
49
|
-
);
|
|
50
|
-
{% endhighlight %}
|