16 | This site presents some live examples for Dynatree.
17 |
18 | Select a topic on the navigator to the left and click 'View source code'
19 | at the bottom of the samples for details.
20 |
21 | More documentation and infos can be found at the
22 | project home.
23 |
24 | Have fun :-)
25 |
This file is only temporarily used to reproduce issues.
33 |Using doctype HTML 4.01 Strict.
34 |37 | Testbed. 38 |
39 | 40 |41 | Test 01 - 42 |
43 | 44 | 45 |48 | 49 |
50 | 51 | 52 | -------------------------------------------------------------------------------- /doc/contextmenu/jquery.contextMenu.css: -------------------------------------------------------------------------------- 1 | /* Generic context menu styles */ 2 | .contextMenu { 3 | position: absolute; 4 | width: 120px; 5 | z-index: 99999; 6 | border: solid 1px #CCC; 7 | background: #EEE; 8 | padding: 0px; 9 | margin: 0px; 10 | display: none; 11 | } 12 | 13 | .contextMenu LI { 14 | list-style: none; 15 | padding: 0px; 16 | margin: 0px; 17 | } 18 | 19 | .contextMenu A { 20 | color: #333; 21 | text-decoration: none; 22 | display: block; 23 | line-height: 20px; 24 | height: 20px; 25 | background-position: 6px center; 26 | background-repeat: no-repeat; 27 | outline: none; 28 | padding: 1px 5px; 29 | padding-left: 28px; 30 | } 31 | 32 | .contextMenu LI.hover A { 33 | color: #FFF; 34 | background-color: #3399FF; 35 | } 36 | 37 | .contextMenu LI.disabled A { 38 | color: #AAA; 39 | cursor: default; 40 | } 41 | 42 | .contextMenu LI.hover.disabled A { 43 | background-color: transparent; 44 | } 45 | 46 | .contextMenu LI.separator { 47 | border-top: solid 1px #CCC; 48 | } 49 | 50 | /* 51 | Adding Icons 52 | 53 | You can add icons to the context menu by adding 54 | classes to the respective LI element(s) 55 | */ 56 | 57 | .contextMenu LI.edit A { background-image: url(images/page_white_edit.png); } 58 | .contextMenu LI.cut A { background-image: url(images/cut.png); } 59 | .contextMenu LI.copy A { background-image: url(images/page_white_copy.png); } 60 | .contextMenu LI.paste A { background-image: url(images/page_white_paste.png); } 61 | .contextMenu LI.delete A { background-image: url(images/page_white_delete.png); } 62 | .contextMenu LI.quit A { background-image: url(images/door.png); } 63 | -------------------------------------------------------------------------------- /doc/sample-iframe-1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |
33 | This page lives inside an iframe
34 | Click a link in the tree to load some content here.
35 |
36 | This button demonstrates, ho to access a tree in another frame:
37 |
38 |
39 | View the source of this iframe content,
40 | to see how it can be done.
41 |
47 | This sample initializes the tree from a JSON request. 48 |
49 | 50 | 51 |58 | jquery.dynatree.js project home 59 | Link to this page 60 | Example Browser 61 | View source code 62 |
63 | 64 | 65 | 66 | 67 | -------------------------------------------------------------------------------- /doc/_test-issue-NNN.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |Steps to reproduce:
76 |38 | This sample initializes the tree from a <ul> element. 39 |
40 | 41 |63 | jquery.dynatree.js project home 64 | Link to this page 65 | Example Browser 66 | View source code 67 |
68 | 69 | 70 | 71 | 72 | -------------------------------------------------------------------------------- /doc/sample-quick.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |
49 | This sample initializes the tree from a JavaScript object.
50 | An onActivate handler brings up an alert box when a node is selected.
51 |
59 | jquery.dynatree.js project home 60 | Link to this page 61 | Example Browser 62 | View source code 63 |
64 | 65 | 66 | 67 | 68 | -------------------------------------------------------------------------------- /doc/sample-minexpand.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |minExpandLevel=1
60 | This is the default option.
minExpandLevel=2
65 | Top-level nodes are always expanded, so the expander icon is hidden.
minExpandLevel=3.
70 |75 | jquery.dynatree.js project home 76 | Link to this page 77 | Example Browser 78 | View source code 79 |
80 | 81 | 82 | 83 | 84 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # jquery.dynatree.js [](https://github.com/mar10/dynatree/releases/latest) 2 | 3 | > Dynatree is a JavaScript dynamic tree view plugin for jQuery with support for 4 | > persistence, keyboard, checkboxes, drag'n'drop, and lazy loading. 5 | 6 | **Note:** This repository was migrated from [Google Code](https://code.google.com/p/dynatree) at 2015-03-15. 7 | 8 | ## Status 9 | 10 | [](https://github.com/mar10/dynatree/releases/latest) 11 | See the [change log](https://github.com/mar10/dynatree/blob/master/CHANGELOG.md) 12 | for details. 13 | 14 | ##### Note: Fancytree 2.x is released 15 | Dynatree 1.x will eventually be replaced by [Fancytree](https://github.com/mar10/fancytree/)." + info + "
"); 73 | } 74 | } 75 | 76 | 77 | var _gaq = _gaq || []; 78 | 79 | $(function(){ 80 | // Log to Google Analytics, when not running locally 81 | if ( document.URL.toLowerCase().indexOf("wwwendt.de/") >= 0 ) { 82 | _gaq.push(["_setAccount", "UA-316028-1"]); 83 | _gaq.push(["_trackPageview"]); 84 | 85 | (function() { 86 | var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true; 87 | ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js"; 88 | var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s); 89 | })(); 90 | } 91 | 92 | // Show some elements only, if (not) inside the Example Browser 93 | // if (top.location == self.location){ 94 | if (window.top == window.self){ 95 | $(".hideOutsideFS").hide(); 96 | }else{ 97 | $(".hideInsideFS").hide(); 98 | } 99 | initCodeSamples(); 100 | }); 101 | -------------------------------------------------------------------------------- /doc/test-xhtml.xhtml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |This file is only temporarily used to reproduce issues.
78 |Using doctype XHTML 1.0 Strict.
79 |84 | 85 | 86 | 87 |
88 |
40 | Includes a custom CSS after the standard CSS to overrride theming.
41 | Some nodes have their data.addClass attribute set.
42 | Finally, the last two nodes use the data.icon attribute.
43 |
85 | jquery.dynatree.js project home 86 | Link to this page 87 | Example Browser 88 | View source code 89 |
90 | 91 | 92 | 93 | 94 | -------------------------------------------------------------------------------- /doc/sample-dnd.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |
74 | This sample uses Dynatree's built-in drag-and-drop feature to move nodes.
75 | - A node may only be dragged under it's original parent.
76 | - When dropped, the node is moved to the target.
77 |
84 | jquery.dynatree.js project home 85 | Link to this page 86 | Example Browser 87 | View source code 88 |
89 | 90 | 91 | 92 | 93 | -------------------------------------------------------------------------------- /doc/sample-default.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |
44 | This tree uses default options.
45 | It is initalized from a hidden <ul> element on this page.
46 |
91 | jquery.dynatree.js project home 92 | Link to this page 93 | Example Browser 94 | View source code 95 |
96 | 97 | 98 | 99 | 100 | -------------------------------------------------------------------------------- /doc/test-table.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |87 | This sample shows, how titles could displayed as aligned columns. 88 |
89 | 90 | 91 |96 | jquery.dynatree.js project home 97 | Link to this page 98 | Example Browser 99 | View source code 100 |
101 | 102 | 103 | 104 | 105 | -------------------------------------------------------------------------------- /doc/test-release.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |This tree uses the minified JS library. (Check this with IE!)
79 |
50 | Cookie persistence is enabled here.
51 | Also, double-click handler expands document nodes.
52 | Select a node and hit [F5] to refresh, to see how the active node and
53 | expansion and selection states are restored.
54 |
55 | NOTE: if this doesn't seem to work, it's probably because the frame
56 | content is cached by the browser.
57 | Try this example as an
58 | unframed page.
59 |
99 | jquery.dynatree.js project home 100 | Link to this page 101 | Example Browser 102 | View source code 103 |
104 | 105 | 106 | 107 | 108 | -------------------------------------------------------------------------------- /doc/sample-inline-edit.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |
93 | Demos how to edit node titles with
94 | - dblclick
95 | - Shift + click
96 | - [F2]
97 | - [Enter] (on Mac)
98 |
121 | jquery.dynatree.js project home 122 | Link to this page 123 | Example Browser 124 | View source code 125 |
126 | 127 | 128 | 129 | 130 | -------------------------------------------------------------------------------- /jquery/jquery.cookie.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * jQuery Cookie Plugin v1.4.1 3 | * https://github.com/carhartl/jquery-cookie 4 | * 5 | * Copyright 2013 Klaus Hartl 6 | * Released under the MIT license 7 | */ 8 | (function (factory) { 9 | if (typeof define === 'function' && define.amd) { 10 | // AMD 11 | define(['jquery'], factory); 12 | } else if (typeof exports === 'object') { 13 | // CommonJS 14 | factory(require('jquery')); 15 | } else { 16 | // Browser globals 17 | factory(jQuery); 18 | } 19 | }(function ($) { 20 | 21 | var pluses = /\+/g; 22 | 23 | function encode(s) { 24 | return config.raw ? s : encodeURIComponent(s); 25 | } 26 | 27 | function decode(s) { 28 | return config.raw ? s : decodeURIComponent(s); 29 | } 30 | 31 | function stringifyCookieValue(value) { 32 | return encode(config.json ? JSON.stringify(value) : String(value)); 33 | } 34 | 35 | function parseCookieValue(s) { 36 | if (s.indexOf('"') === 0) { 37 | // This is a quoted cookie as according to RFC2068, unescape... 38 | s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\'); 39 | } 40 | 41 | try { 42 | // Replace server-side written pluses with spaces. 43 | // If we can't decode the cookie, ignore it, it's unusable. 44 | // If we can't parse the cookie, ignore it, it's unusable. 45 | s = decodeURIComponent(s.replace(pluses, ' ')); 46 | return config.json ? JSON.parse(s) : s; 47 | } catch(e) {} 48 | } 49 | 50 | function read(s, converter) { 51 | var value = config.raw ? s : parseCookieValue(s); 52 | return $.isFunction(converter) ? converter(value) : value; 53 | } 54 | 55 | var config = $.cookie = function (key, value, options) { 56 | 57 | // Write 58 | 59 | if (value !== undefined && !$.isFunction(value)) { 60 | options = $.extend({}, config.defaults, options); 61 | 62 | if (typeof options.expires === 'number') { 63 | var days = options.expires, t = options.expires = new Date(); 64 | t.setTime(+t + days * 864e+5); 65 | } 66 | 67 | return (document.cookie = [ 68 | encode(key), '=', stringifyCookieValue(value), 69 | options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE 70 | options.path ? '; path=' + options.path : '', 71 | options.domain ? '; domain=' + options.domain : '', 72 | options.secure ? '; secure' : '' 73 | ].join('')); 74 | } 75 | 76 | // Read 77 | 78 | var result = key ? undefined : {}; 79 | 80 | // To prevent the for loop in the first place assign an empty array 81 | // in case there are no cookies at all. Also prevents odd result when 82 | // calling $.cookie(). 83 | var cookies = document.cookie ? document.cookie.split('; ') : []; 84 | 85 | for (var i = 0, l = cookies.length; i < l; i++) { 86 | var parts = cookies[i].split('='); 87 | var name = decode(parts.shift()); 88 | var cookie = parts.join('='); 89 | 90 | if (key && key === name) { 91 | // If second argument (value) is a function it's a converter... 92 | result = read(cookie, value); 93 | break; 94 | } 95 | 96 | // Prevent storing a cookie that we couldn't decode. 97 | if (!key && (cookie = read(cookie)) !== undefined) { 98 | result[name] = cookie; 99 | } 100 | } 101 | 102 | return result; 103 | }; 104 | 105 | config.defaults = {}; 106 | 107 | $.removeCookie = function (key, options) { 108 | if ($.cookie(key) === undefined) { 109 | return false; 110 | } 111 | 112 | // Must not alter options, thus extending a fresh object... 113 | $.cookie(key, '', $.extend({}, options, { expires: -1 })); 114 | return !$.cookie(key); 115 | }; 116 | 117 | })); -------------------------------------------------------------------------------- /doc/test-preload.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |96 | This sample initializes the tree from a JSON request. 97 |
98 | 99 | 100 |107 | jquery.dynatree.js project home 108 | Link to this page 109 | Example Browser 110 | View source code 111 |
112 | 113 | 114 | 115 | 116 | -------------------------------------------------------------------------------- /doc/sample-form.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |
71 | This checkbox tree is embedded in a form.
72 | The [Submit] handler serializes the selected tree nodes as if they were
73 | standard checkboxes.
74 | The values are then POSTed to the server (together with the other form
75 | elements).
76 |
105 | jquery.dynatree.js project home 106 | Link to this page 107 | Example Browser 108 | View source code 109 |
110 | 111 | 112 | 113 | 114 | -------------------------------------------------------------------------------- /doc/sample-effects.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |
65 | This sample enables effects to expand/Collapse and sets the
66 | autoCollapse option.
67 |
116 | jquery.dynatree.js project home 117 | Link to this page 118 | Example Browser 119 | View source code 120 |
121 | 122 | 123 | 124 | 125 | -------------------------------------------------------------------------------- /doc/test-persist.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |
95 | Cookie persistence and is enabled here.
96 | (Also, double-click handler expands document nodes.)
97 | Select a node and hit [F5] to refresh, to see how the active node and
98 | expansion and selection states are restored.
99 |
100 | NOTE: if this doesn't seem to work, it's probably because the frame
101 | content is cached by the browser.
102 | Try this example as an
103 | unframed page.
104 |
113 | jquery.dynatree.js project home 114 | Link to this page 115 | Example Browser 116 | View source code 117 |
118 | 119 | 120 | 121 | 122 | -------------------------------------------------------------------------------- /doc/sample-dnd2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |
106 | This sample uses Dynatree's built-in drag-and-drop feature to move nodes.
107 | - autoExpandMS option is used to expand nodes on mouse hover.
108 | - The container style uses `overflow: scroll` to demonstrate auto-scrolling.
109 | - When dropped, the node is moved to the target.
110 |
117 | jquery.dynatree.js project home 118 | Link to this page 119 | Example Browser 120 | View source code 121 |
122 | 123 | 124 | 125 | 126 | -------------------------------------------------------------------------------- /doc/sample-rtl.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |76 | This tree uses some extra styles to provide RTL support (experimental). 77 |
78 |122 | jquery.dynatree.js project home 123 | Link to this page 124 | Example Browser 125 | View source code 126 |
127 | 128 | 129 | 130 | 131 | -------------------------------------------------------------------------------- /doc/sample-iframe.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |
58 | This sample shows, how to use dynatree as a navigation menu.
59 | The tree initialisation uses <a href='URL', target='TARGET'>title</a>
60 | tags.
61 | The onActivate handler then uses node.data.href
62 | to open the the pages in the embedded iframe.
63 | Note that the navigation will fallback to standard HTML links,
64 | when JavaScript is disabled.
65 |
66 | The [Toggle tree] button in the embedded welcome page also gives an example on
67 | how to access a tree that exists outside the own frame.
68 |
|
77 |
78 |
79 |
101 |
|
102 |
103 | 104 | 108 | | 109 |
116 | jquery.dynatree.js project home 117 | Link to this page 118 | Example Browser 119 | View source code 120 |
121 | 122 | 123 | 124 | 125 | -------------------------------------------------------------------------------- /doc/test-bench.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |109 | Expand a node to start a benchmark, then check the firebug console. 110 |
111 |
112 | Some users reported slow loading with Firefox. If you experience
113 | response times longer than 3-4 for seconds for Add 1.000 nodes (flat)
114 | please let us know.
115 |
119 | enableUpdate(false) is used for speedup. 120 |
121 |122 | 123 | 124 |
125 | 126 |128 | jquery.dynatree.js project home 129 | Link to this page 130 | Example Browser 131 | View source code 132 |
133 | 134 | 135 | 136 | 137 | -------------------------------------------------------------------------------- /doc/sample-lazy.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |Using 'lazy' option to load the tree and to load the
104 | branches.
105 |
106 | You may want to try this live example of
107 | a lazy tree that uses a simple test server.
108 |
121 | 122 | 123 |
124 | 125 | 126 |128 | jquery.dynatree.js project home 129 | Link to this page 130 | Example Browser 131 | View source code 132 |
133 | 134 | 135 | 136 | 137 | -------------------------------------------------------------------------------- /doc/jquery.planize.js: -------------------------------------------------------------------------------- 1 | /** 2 | * The planize jQuery plugin adds some features for dealing with hierarchical headings in a given DOM element. 3 | * 4 | * - adds enumerations and anchors in all headings, 5 | * - can generates an HTML table of content and append it to an existing DOM element, 6 | * - in an unobstrusive way. 7 | * 8 | * Example of use: 9 | * 10 | * $('html *').planize(); 11 | * 12 | * Configuration object parameters documentation: 13 | * - add_anchors : generates anchors for each header (automatically set to true if `generate_toc` is set to true) 14 | * - callback : a function called when processing is finished 15 | * - debug : prints pretty debug messages into the firebug or opera console, if available 16 | * - generate_toc : generates an html unordered list containing the table of content of the document 17 | * - min_level : min heading level needed to be included in toc and be renumbered (0 = all headings) 18 | * - max_level : max heading level needed to be included in toc and be renumbered (0 = all headings) 19 | * - number_suffix : heading identifier suffix, eg. ')' in "1.2.3)" 20 | * - number_separator : separator for numbers, eg. '.' in "1.2.3)" 21 | * - toc_elem : the dom element where the toc will be append 22 | * - toc_none : the message to display if no headings have been found in the current document 23 | * - toc_title : the title of the table of content 24 | * 25 | * @requires jQuery v1.2 or higher 26 | * @author Nicolas Perriault' + config.toc_none + '
' : ''; 115 | } 116 | jQuery(config.toc_elem ? config.toc_elem : 'body').append(toc); 117 | } 118 | 119 | processed = true; 120 | }; 121 | 122 | /** 123 | * Logs a message into the firebug or opera console if available 124 | * 125 | */ 126 | var log = function() { 127 | if (!config.debug) { 128 | return; 129 | } 130 | try { 131 | console.log.apply(console, arguments); 132 | } catch(e) { 133 | try { 134 | opera.postError.apply(opera, arguments); 135 | } catch(e){} 136 | } 137 | } 138 | 139 | process(); 140 | 141 | if (config.callback) { 142 | config.callback(config.toc_elem); 143 | } 144 | 145 | return jQuery(this); 146 | }; 147 | 148 | })(jQuery); 149 | -------------------------------------------------------------------------------- /doc/sample-events.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |
106 | Implements all callbacks.
107 | Use the Firebug plugin in Firefox to see the event log.
108 | The 'links' folders contain nodes with an custom data.url option.
109 | This is used to open the URL in the onActivate event.
110 | Note: the lazy reading is not implemented in this example.
111 | A focused node will automatically be activated after 2 seconds (use the
112 | keyboard to try this out).
113 |
143 | jquery.dynatree.js project home 144 | Link to this page 145 | Example Browser 146 | View source code 147 |
148 |170 | This sample uses the standard jQuery draggable and droppable. 171 |
172 |189 | jquery.dynatree.js project home 190 | Link to this page 191 | Example Browser 192 | View source code 193 |
194 | 195 | 196 | 197 | 198 | -------------------------------------------------------------------------------- /doc/test-dtd-html4-transitional.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |171 | This sample uses the standard jQuery draggable and droppable. 172 |
173 |190 | jquery.dynatree.js project home 191 | Link to this page 192 | Example Browser 193 | View source code 194 |
195 | 196 | 197 | 198 | 199 | -------------------------------------------------------------------------------- /doc/test-dtd-html5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |171 | This sample uses the standard jQuery draggable and droppable. 172 |
173 |190 | jquery.dynatree.js project home 191 | Link to this page 192 | Example Browser 193 | View source code 194 |
195 | 196 | 197 | 198 | 199 | -------------------------------------------------------------------------------- /doc/test-dtd-html4-strict.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |171 | This sample uses the standard jQuery draggable and droppable. 172 |
173 |190 | jquery.dynatree.js project home 191 | Link to this page 192 | Example Browser 193 | View source code 194 |
195 | 196 | 197 | 198 | 199 | -------------------------------------------------------------------------------- /doc/test-dtd-xml-strict.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |172 | This sample uses the standard jQuery draggable and droppable. 173 |
174 |191 | jquery.dynatree.js project home 192 | Link to this page 193 | Example Browser 194 | View source code 195 |
196 | 197 | 198 | 199 | 200 | -------------------------------------------------------------------------------- /doc/test-dtd-xml-transitional.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |173 | This sample uses the standard jQuery draggable and droppable. 174 |
175 |192 | jquery.dynatree.js project home 193 | Link to this page 194 | Example Browser 195 | View source code 196 |
197 | 198 | 199 | 200 | 201 | -------------------------------------------------------------------------------- /doc/sample-pyserver.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |
141 | Using initAjax option to initialize the tree using Ajax.
142 | The folders have the isLazy option set, so that they are also
143 | loaded 'on demand', when expanded.
144 |
145 | Using persist: true and initAjax: { addExpandedKeyList: true }
146 | we also support 'lazy persistence' (which has to be supported by the
147 | web service, of course).
148 |
149 | Note:
150 | This sample assumes that a Dynatree Web Service is running at http://127.0.0.1:8001.
151 | See dynatree_server.py for a sample
152 | server implementation.
153 |
154 | Note also:
155 | We have to enable JSONP using the option initAjax: { dataType: 'jsonp' },
156 | because Ajax calls will fail, if the originating HTML page and the web
157 | service do not reside on the same host.
158 | In our case may have this sample page on the local file system and the
159 | web service runs on 127.0.0.1.
160 |
170 | 171 | 172 |
173 | 174 |176 | jquery.dynatree.js project home 177 | Link to this page 178 | Example Browser 179 | View source code 180 |
181 | 182 | 183 | 184 | 185 | -------------------------------------------------------------------------------- /tests/test-dynatree.js: -------------------------------------------------------------------------------- 1 | /*globals $:false, expect:false, module:false, ok:false, test:false, QUnit:false */ 2 | /*globals logMsg, alert */ 3 | 4 | $(function(){ 5 | /******************************************************************************* 6 | * QUnit setup 7 | */ 8 | QUnit.log = function(result, message) { 9 | if (window.console && window.console.log) { 10 | window.console.log(result +' :: '+ message); 11 | } 12 | }; 13 | 14 | /******************************************************************************* 15 | * Tool functions 16 | */ 17 | function makeBenchWrapper(testName, callback) { 18 | return function() { 19 | var start = +new Date(); 20 | // callback.apply(this, arguments); 21 | callback.call(); 22 | var elap = +new Date() - start; 23 | ok(true, testName + " took " + elap + " milliseconds"); 24 | }; 25 | } 26 | 27 | 28 | function benchmark(testName, callback) { 29 | // Execute callback immediately and log timing as test result. 30 | // This function should be called inside a test() function. 31 | makeBenchWrapper(testName, callback).call(); 32 | } 33 | 34 | 35 | function timedTest(testName, callback) { 36 | // Same as test(testName, callback), but adds a timing assertion. 37 | test(testName, makeBenchWrapper(testName, callback)); 38 | } 39 | 40 | 41 | function simulateClick(selector) { 42 | var e = document.createEvent("MouseEvents"); 43 | e.initEvent("click", true, true); 44 | $(selector).each(function(){ 45 | this.dispatchEvent(e); 46 | }); 47 | } 48 | 49 | 50 | function addNodes(dtnode, level1, level2, level3, forceUpdate) { 51 | if( forceUpdate !== true ){ 52 | dtnode.tree.enableUpdate(false); 53 | } 54 | var key; 55 | for (var i=0; i