5 * Copyright (c) 2010 Ivan Bozhanov (vakata.com)
7 * Licensed same as jquery - under the terms of either the MIT License or the GPL Version 2 License
8 * http://www.opensource.org/licenses/mit-license.php
9 * http://www.gnu.org/licenses/gpl.html
11 * $Date: 2011-02-09 01:17:14 +0200 (ср, 09 февр 2011) $
15 /*jslint browser: true, onevar: true, undef: true, bitwise: true, strict: true */
16 /*global window : false, clearInterval: false, clearTimeout: false, document: false, setInterval: false, setTimeout: false, jQuery: false, navigator: false, XSLTProcessor: false, DOMParser: false, XMLSerializer: false*/
20 // top wrapper to prevent multiple inclusion (is this OK?)
21 (function () { if(jQuery
&& jQuery
.jstree
) { return; }
22 var is_ie6
= false, is_ie7
= false, is_ff2
= false;
28 // Common functions not related to jsTree
29 // decided to move them to a `vakata` "namespace"
31 // CSS related functions
33 get_css : function(rule_name
, delete_flag
, sheet
) {
34 rule_name
= rule_name
.toLowerCase();
35 var css_rules
= sheet
.cssRules
|| sheet
.rules
,
38 if(css_rules
.length
&& j
> css_rules
.length
+ 5) { return false; }
39 if(css_rules
[j
].selectorText
&& css_rules
[j
].selectorText
.toLowerCase() == rule_name
) {
40 if(delete_flag
=== true) {
41 if(sheet
.removeRule
) { sheet
.removeRule(j
); }
42 if(sheet
.deleteRule
) { sheet
.deleteRule(j
); }
45 else { return css_rules
[j
]; }
48 while (css_rules
[++j
]);
51 add_css : function(rule_name
, sheet
) {
52 if($.jstree
.css
.get_css(rule_name
, false, sheet
)) { return false; }
53 if(sheet
.insertRule
) { sheet
.insertRule(rule_name
+ ' { }', 0); } else { sheet
.addRule(rule_name
, null, 0); }
54 return $.vakata
.css
.get_css(rule_name
);
56 remove_css : function(rule_name
, sheet
) {
57 return $.vakata
.css
.get_css(rule_name
, true, sheet
);
59 add_sheet : function(opts
) {
60 var tmp
= false, is_new
= true;
62 if(opts
.title
) { tmp
= $("style[id='" + opts
.title
+ "-stylesheet']")[0]; }
63 if(tmp
) { is_new
= false; }
65 tmp
= document
.createElement("style");
66 tmp
.setAttribute('type',"text/css");
67 if(opts
.title
) { tmp
.setAttribute("id", opts
.title
+ "-stylesheet"); }
71 document
.getElementsByTagName("head")[0].appendChild(tmp
);
72 tmp
.styleSheet
.cssText
= opts
.str
;
75 tmp
.styleSheet
.cssText
= tmp
.styleSheet
.cssText
+ " " + opts
.str
;
79 tmp
.appendChild(document
.createTextNode(opts
.str
));
80 document
.getElementsByTagName("head")[0].appendChild(tmp
);
82 return tmp
.sheet
|| tmp
.styleSheet
;
85 if(document
.createStyleSheet
) {
86 try { tmp
= document
.createStyleSheet(opts
.url
); } catch (e
) { }
89 tmp
= document
.createElement('link');
90 tmp
.rel
= 'stylesheet';
91 tmp
.type
= 'text/css';
94 document
.getElementsByTagName("head")[0].appendChild(tmp
);
95 return tmp
.styleSheet
;
102 var instances
= [], // instance array (used by $.jstree.reference/create/focused)
103 focused_instance
= -1, // the index in the instance array of the currently focused instance
104 plugins
= {}, // list of included plugins
105 prepared_move
= {}; // for the move_node function
107 // jQuery plugin wrapper (thanks to jquery UI widget function)
108 $.fn
.jstree = function (settings
) {
109 var isMethodCall
= (typeof settings
== 'string'), // is this a method call like $().jstree("open_node")
110 args
= Array
.prototype.slice
.call(arguments
, 1),
113 // if a method call execute the method on all selected instances
115 if(settings
.substring(0, 1) == '_') { return returnValue
; }
116 this.each(function() {
117 var instance
= instances
[$.data(this, "jstree_instance_id")],
118 methodValue
= (instance
&& $.isFunction(instance
[settings
])) ? instance
[settings
].apply(instance
, args
) : instance
;
119 if(typeof methodValue
!== "undefined" && (settings
.indexOf("is_") === 0 || (methodValue
!== true && methodValue
!== false))) { returnValue
= methodValue
; return false; }
123 this.each(function() {
124 // extend settings and allow for multiple hashes and $.data
125 var instance_id
= $.data(this, "jstree_instance_id"),
127 b
= settings
? $.extend({}, true, settings
) : {},
132 if(c
.data("jstree")) { a
.push(c
.data("jstree")); }
133 b
= a
.length
? $.extend
.apply(null, [true, b
].concat(a
)) : b
;
135 // if an instance already exists, destroy it first
136 if(typeof instance_id
!== "undefined" && instances
[instance_id
]) { instances
[instance_id
].destroy(); }
137 // push a new empty object to the instances array
138 instance_id
= parseInt(instances
.push({}),10) - 1;
139 // store the jstree instance id to the container element
140 $.data(this, "jstree_instance_id", instance_id
);
141 // clean up all plugins
142 b
.plugins
= $.isArray(b
.plugins
) ? b
.plugins
: $.jstree
.defaults
.plugins
.slice();
143 b
.plugins
.unshift("core");
144 // only unique plugins
145 b
.plugins
= b
.plugins
.sort().join(",,").replace(/(,|^)([^,]+)(,,\2)+(,|$)/g,"$1$2$4").replace(/,,+/g,",").replace(/,$/,"").split(",");
147 // extend defaults with passed data
148 s
= $.extend(true, {}, $.jstree
.defaults
, b
);
149 s
.plugins
= b
.plugins
;
150 $.each(plugins
, function (i
, val
) {
151 if($.inArray(i
, s
.plugins
) === -1) { s
[i
] = null; delete s
[i
]; }
156 // push the new object to the instances array (at the same time set the default classes to the container) and init
157 instances
[instance_id
] = new $.jstree
._instance(instance_id
, $(this).addClass("jstree jstree-" + instance_id
), s
);
158 // init all activated plugins for this instance
159 $.each(instances
[instance_id
]._get_settings().plugins
, function (i
, val
) { instances
[instance_id
].data
[val
] = {}; });
160 $.each(instances
[instance_id
]._get_settings().plugins
, function (i
, val
) { if(plugins
[val
]) { plugins
[val
].__init
.apply(instances
[instance_id
]); } });
161 // initialize the instance
162 setTimeout(function() { if(instances
[instance_id
]) { instances
[instance_id
].init(); } }, 0);
165 // return the jquery selection (or if it was a method call that returned a value - the returned value)
168 // object to store exposed functions and objects
173 _focused : function () { return instances
[focused_instance
] || null; },
174 _reference : function (needle
) {
175 // get by instance id
176 if(instances
[needle
]) { return instances
[needle
]; }
177 // get by DOM (if still no luck - return null
179 if(!o
.length
&& typeof needle
=== "string") { o
= $("#" + needle
); }
180 if(!o
.length
) { return null; }
181 return instances
[o
.closest(".jstree").data("jstree_instance_id")] || null;
183 _instance : function (index
, container
, settings
) {
184 // for plugins to store data in
185 this.data
= { core
: {} };
186 this.get_settings = function () { return $.extend(true, {}, settings
); };
187 this._get_settings = function () { return settings
; };
188 this.get_index = function () { return index
; };
189 this.get_container = function () { return container
; };
190 this.get_container_ul = function () { return container
.children("ul:eq(0)"); };
191 this._set_settings = function (s
) {
192 settings
= $.extend(true, {}, settings
, s
);
196 plugin : function (pname
, pdata
) {
197 pdata
= $.extend({}, {
203 plugins
[pname
] = pdata
;
205 $.jstree
.defaults
[pname
] = pdata
.defaults
;
206 $.each(pdata
._fn
, function (i
, val
) {
208 val
.old
= $.jstree
._fn
[i
];
209 $.jstree
._fn
[i
] = function () {
212 args
= Array
.prototype.slice
.call(arguments
),
213 evnt
= new $.Event("before.jstree"),
216 if(this.data
.core
.locked
=== true && i
!== "unlock" && i
!== "is_locked") { return; }
218 // Check if function belongs to the included plugins of this instance
220 if(func
&& func
.plugin
&& $.inArray(func
.plugin
, this._get_settings().plugins
) !== -1) { break; }
223 if(!func
) { return; }
225 // context and function to trigger events, then finally call the function
226 if(i
.indexOf("_") === 0) {
227 rslt
= func
.apply(this, args
);
230 rslt
= this.get_container().triggerHandler(evnt
, { "func" : i
, "inst" : this, "args" : args
, "plugin" : func
.plugin
});
231 if(rslt
=== false) { return; }
232 if(typeof rslt
!== "undefined") { args
= rslt
; }
236 __callback : function (data
) {
237 this.get_container().triggerHandler( i
+ '.jstree', { "inst" : this, "args" : args
, "rslt" : data
, "rlbk" : rlbk
});
239 __rollback : function () {
240 rlbk
= this.get_rollback();
243 __call_old : function (replace_arguments
) {
244 return func
.old
.apply(this, (replace_arguments
? Array
.prototype.slice
.call(arguments
, 1) : args
) );
252 $.jstree
._fn
[i
].old
= val
.old
;
253 $.jstree
._fn
[i
].plugin
= pname
;
256 rollback : function (rb
) {
258 if(!$.isArray(rb
)) { rb
= [ rb
]; }
259 $.each(rb
, function (i
, val
) {
260 instances
[val
.i
].set_rollback(val
.h
, val
.d
);
265 // set the prototype for all instances
266 $.jstree
._fn
= $.jstree
._instance
.prototype = {};
268 // load the css when DOM is ready
270 // code is copied from jQuery ($.browser is deprecated + there is a bug in IE)
271 var u
= navigator
.userAgent
.toLowerCase(),
272 v
= (u
.match( /.+?(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1],
274 '.jstree ul, .jstree li { display:block; margin:0 0 0 0; padding:0 0 0 0; list-style-type:none; } ' +
275 '.jstree li { display:block; min-height:18px; line-height:18px; white-space:nowrap; margin-left:18px; min-width:18px; } ' +
276 '.jstree-rtl li { margin-left:0; margin-right:18px; } ' +
277 '.jstree > ul > li { margin-left:0px; } ' +
278 '.jstree-rtl > ul > li { margin-right:0px; } ' +
279 '.jstree ins { display:inline-block; text-decoration:none; width:18px; height:18px; margin:0 0 0 0; padding:0; } ' +
280 '.jstree a { display:inline-block; line-height:16px; height:16px; color:black; white-space:nowrap; text-decoration:none; padding:1px 2px; margin:0; } ' +
281 '.jstree a:focus { outline: none; } ' +
282 '.jstree a > ins { height:16px; width:16px; } ' +
283 '.jstree a > .jstree-icon { margin-right:3px; } ' +
284 '.jstree-rtl a > .jstree-icon { margin-left:3px; margin-right:0; } ' +
285 'li.jstree-open > ul { display:block; } ' +
286 'li.jstree-closed > ul { display:none; } ';
287 // Correct IE 6 (does not support the > CSS selector)
288 if(/msie/.test(u
) && parseInt(v
, 10) == 6) {
291 // fix image flicker and lack of caching
293 document
.execCommand("BackgroundImageCache", false, true);
297 '.jstree li { height:18px; margin-left:0; margin-right:0; } ' +
298 '.jstree li li { margin-left:18px; } ' +
299 '.jstree-rtl li li { margin-left:0px; margin-right:18px; } ' +
300 'li.jstree-open ul { display:block; } ' +
301 'li.jstree-closed ul { display:none !important; } ' +
302 '.jstree li a { display:inline; border-width:0 !important; padding:0px 2px !important; } ' +
303 '.jstree li a ins { height:16px; width:16px; margin-right:3px; } ' +
304 '.jstree-rtl li a ins { margin-right:0px; margin-left:3px; } ';
306 // Correct IE 7 (shifts anchor nodes onhover)
307 if(/msie/.test(u
) && parseInt(v
, 10) == 7) {
309 css_string
+= '.jstree li a { border-width:0 !important; padding:0px 2px !important; } ';
311 // correct ff2 lack of display:inline-block
312 if(!/compatible/.test(u
) && /mozilla/.test(u
) && parseFloat(v
, 10) < 1.9) {
315 '.jstree ins { display:-moz-inline-box; } ' +
316 '.jstree li { line-height:12px; } ' + // WHY??
317 '.jstree a { display:-moz-inline-box; } ' +
318 '.jstree .jstree-no-icons .jstree-checkbox { display:-moz-inline-stack !important; } ';
319 /* this shouldn't be here as it is theme specific */
321 // the default stylesheet
322 $.vakata
.css
.add_sheet({ str
: css_string
, title
: "jstree" });
325 // core functions (open, close, create, update, delete)
326 $.jstree
.plugin("core", {
327 __init : function () {
328 this.data
.core
.locked
= false;
329 this.data
.core
.to_open
= this.get_settings().core
.initially_open
;
330 this.data
.core
.to_load
= this.get_settings().core
.initially_load
;
338 notify_plugins
: true,
342 loading
: "Loading ...",
343 new_node
: "New node",
344 multiple_selection
: "Multiple selection"
350 if(this._get_settings().core
.rtl
) {
351 this.get_container().addClass("jstree-rtl").css("direction", "rtl");
353 this.get_container().html("<ul><li class='jstree-last jstree-leaf'><ins> </ins><a class='jstree-loading' href='#'><ins class='jstree-icon'> </ins>" + this._get_string("loading") + "</a></li></ul>");
354 this.data
.core
.li_height
= this.get_container_ul().find("li.jstree-closed, li.jstree-leaf").eq(0).height() || 18;
357 .delegate("li > ins", "click.jstree", $.proxy(function (event
) {
358 var trgt
= $(event
.target
);
359 // if(trgt.is("ins") && event.pageY - trgt.offset().top < this.data.core.li_height) { this.toggle_node(trgt); }
360 this.toggle_node(trgt
);
362 .bind("mousedown.jstree", $.proxy(function () {
363 this.set_focus(); // This used to be setTimeout(set_focus,0) - why?
365 .bind("dblclick.jstree", function (event
) {
367 if(document
.selection
&& document
.selection
.empty
) { document
.selection
.empty(); }
369 if(window
.getSelection
) {
370 sel
= window
.getSelection();
372 sel
.removeAllRanges();
378 if(this._get_settings().core
.notify_plugins
) {
380 .bind("load_node.jstree", $.proxy(function (e
, data
) {
381 var o
= this._get_node(data
.rslt
.obj
),
383 if(o
=== -1) { o
= this.get_container_ul(); }
384 if(!o
.length
) { return; }
385 o
.find("li").each(function () {
387 if(th
.data("jstree")) {
388 $.each(th
.data("jstree"), function (plugin
, values
) {
389 if(t
.data
[plugin
] && $.isFunction(t
["_" + plugin
+ "_notify"])) {
390 t
["_" + plugin
+ "_notify"].call(t
, th
, values
);
397 if(this._get_settings().core
.load_open
) {
399 .bind("load_node.jstree", $.proxy(function (e
, data
) {
400 var o
= this._get_node(data
.rslt
.obj
),
402 if(o
=== -1) { o
= this.get_container_ul(); }
403 if(!o
.length
) { return; }
404 o
.find("li.jstree-open:not(:has(ul))").each(function () {
405 t
.load_node(this, $.noop
, $.noop
);
410 this.load_node(-1, function () { this.loaded(); this.reload_nodes(); });
412 destroy : function () {
414 n
= this.get_index(),
415 s
= this._get_settings(),
418 $.each(s
.plugins
, function (i
, val
) {
419 try { plugins
[val
].__destroy
.apply(_this
); } catch(err
) { }
422 // set focus to another instance if this one is focused
423 if(this.is_focused()) {
424 for(i
in instances
) {
425 if(instances
.hasOwnProperty(i
) && i
!= n
) {
426 instances
[i
].set_focus();
431 // if no other instance found
432 if(n
=== focused_instance
) { focused_instance
= -1; }
433 // remove all traces of jstree in the DOM (only the ones set using jstree*) and cleans all events
436 .undelegate(".jstree")
437 .removeData("jstree_instance_id")
438 .find("[class^='jstree']")
440 .attr("class", function () { return this.className
.replace(/jstree[^ ]*|$/ig,''); });
442 .unbind(".jstree-" + n
)
443 .undelegate(".jstree-" + n
);
444 // remove the actual data
449 _core_notify : function (n
, data
) {
451 this.open_node(n
, false, true);
456 this.data
.core
.locked
= true;
457 this.get_container().children("ul").addClass("jstree-locked").css("opacity","0.7");
460 unlock : function () {
461 this.data
.core
.locked
= false;
462 this.get_container().children("ul").removeClass("jstree-locked").css("opacity","1");
465 is_locked : function () { return this.data
.core
.locked
; },
466 save_opened : function () {
468 this.data
.core
.to_open
= [];
469 this.get_container_ul().find("li.jstree-open").each(function () {
470 if(this.id
) { _this
.data
.core
.to_open
.push("#" + this.id
.toString().replace(/^#/,"").replace(/\\\//g,"/").replace(/\//g,"\\\/").replace(/\\\./g,".").replace(/\./g,"\\.").replace(/\:/g,"\\:")); }
472 this.__callback(_this
.data
.core
.to_open
);
474 save_loaded : function () { },
475 reload_nodes : function (is_callback
) {
481 this.data
.core
.reopen
= false;
482 this.data
.core
.refreshing
= true;
483 this.data
.core
.to_open
= $.map($.makeArray(this.data
.core
.to_open
), function (n
) { return "#" + n
.toString().replace(/^#/,"").replace(/\\\//g,"/").replace(/\//g,"\\\/").replace(/\\\./g,".").replace(/\./g,"\\.").replace(/\:/g,"\\:"); });
484 this.data
.core
.to_load
= $.map($.makeArray(this.data
.core
.to_load
), function (n
) { return "#" + n
.toString().replace(/^#/,"").replace(/\\\//g,"/").replace(/\//g,"\\\/").replace(/\\\./g,".").replace(/\./g,"\\.").replace(/\:/g,"\\:"); });
485 if(this.data
.core
.to_open
.length
) {
486 this.data
.core
.to_load
= this.data
.core
.to_load
.concat(this.data
.core
.to_open
);
489 if(this.data
.core
.to_load
.length
) {
490 $.each(this.data
.core
.to_load
, function (i
, val
) {
491 if(val
== "#") { return true; }
492 if($(val
).length
) { current
.push(val
); }
493 else { remaining
.push(val
); }
496 this.data
.core
.to_load
= remaining
;
497 $.each(current
, function (i
, val
) {
498 if(!_this
._is_loaded(val
)) {
499 _this
.load_node(val
, function () { _this
.reload_nodes(true); }, function () { _this
.reload_nodes(true); });
505 if(this.data
.core
.to_open
.length
) {
506 $.each(this.data
.core
.to_open
, function (i
, val
) {
507 _this
.open_node(val
, false, true);
511 // TODO: find a more elegant approach to syncronizing returning requests
512 if(this.data
.core
.reopen
) { clearTimeout(this.data
.core
.reopen
); }
513 this.data
.core
.reopen
= setTimeout(function () { _this
.__callback({}, _this
); }, 50);
514 this.data
.core
.refreshing
= false;
518 reopen : function () {
520 if(this.data
.core
.to_open
.length
) {
521 $.each(this.data
.core
.to_open
, function (i
, val
) {
522 _this
.open_node(val
, false, true);
527 refresh : function (obj
) {
530 if(!obj
) { obj
= -1; }
531 obj
= this._get_node(obj
);
532 if(!obj
) { obj
= -1; }
533 if(obj
!== -1) { obj
.children("UL").remove(); }
534 else { this.get_container_ul().empty(); }
535 this.load_node(obj
, function () { _this
.__callback({ "obj" : obj
}); _this
.reload_nodes(); });
537 // Dummy function to fire after the first load (so that there is a jstree.loaded event)
538 loaded : function () {
542 set_focus : function () {
543 if(this.is_focused()) { return; }
544 var f
= $.jstree
._focused();
545 if(f
) { f
.unset_focus(); }
547 this.get_container().addClass("jstree-focused");
548 focused_instance
= this.get_index();
551 is_focused : function () {
552 return focused_instance
== this.get_index();
554 unset_focus : function () {
555 if(this.is_focused()) {
556 this.get_container().removeClass("jstree-focused");
557 focused_instance
= -1;
563 _get_node : function (obj
) {
564 var $obj
= $(obj
, this.get_container());
565 if($obj
.is(".jstree") || obj
== -1) { return -1; }
566 $obj
= $obj
.closest("li", this.get_container());
567 return $obj
.length
? $obj
: false;
569 _get_next : function (obj
, strict
) {
570 obj
= this._get_node(obj
);
571 if(obj
=== -1) { return this.get_container().find("> ul > li:first-child"); }
572 if(!obj
.length
) { return false; }
573 if(strict
) { return (obj
.nextAll("li").size() > 0) ? obj
.nextAll("li:eq(0)") : false; }
575 if(obj
.hasClass("jstree-open")) { return obj
.find("li:eq(0)"); }
576 else if(obj
.nextAll("li").size() > 0) { return obj
.nextAll("li:eq(0)"); }
577 else { return obj
.parentsUntil(".jstree","li").next("li").eq(0); }
579 _get_prev : function (obj
, strict
) {
580 obj
= this._get_node(obj
);
581 if(obj
=== -1) { return this.get_container().find("> ul > li:last-child"); }
582 if(!obj
.length
) { return false; }
583 if(strict
) { return (obj
.prevAll("li").length
> 0) ? obj
.prevAll("li:eq(0)") : false; }
585 if(obj
.prev("li").length
) {
586 obj
= obj
.prev("li").eq(0);
587 while(obj
.hasClass("jstree-open")) { obj
= obj
.children("ul:eq(0)").children("li:last"); }
590 else { var o
= obj
.parentsUntil(".jstree","li:eq(0)"); return o
.length
? o
: false; }
592 _get_parent : function (obj
) {
593 obj
= this._get_node(obj
);
594 if(obj
== -1 || !obj
.length
) { return false; }
595 var o
= obj
.parentsUntil(".jstree", "li:eq(0)");
596 return o
.length
? o
: -1;
598 _get_children : function (obj
) {
599 obj
= this._get_node(obj
);
600 if(obj
=== -1) { return this.get_container().children("ul:eq(0)").children("li"); }
601 if(!obj
.length
) { return false; }
602 return obj
.children("ul:eq(0)").children("li");
604 get_path : function (obj
, id_mode
) {
607 obj
= this._get_node(obj
);
608 if(obj
=== -1 || !obj
|| !obj
.length
) { return false; }
609 obj
.parentsUntil(".jstree", "li").each(function () {
610 p
.push( id_mode
? this.id
: _this
.get_text(this) );
613 p
.push( id_mode
? obj
.attr("id") : this.get_text(obj
) );
618 _get_string : function (key
) {
619 return this._get_settings().core
.strings
[key
] || key
;
622 is_open : function (obj
) { obj
= this._get_node(obj
); return obj
&& obj
!== -1 && obj
.hasClass("jstree-open"); },
623 is_closed : function (obj
) { obj
= this._get_node(obj
); return obj
&& obj
!== -1 && obj
.hasClass("jstree-closed"); },
624 is_leaf : function (obj
) { obj
= this._get_node(obj
); return obj
&& obj
!== -1 && obj
.hasClass("jstree-leaf"); },
625 correct_state : function (obj
) {
626 obj
= this._get_node(obj
);
627 if(!obj
|| obj
=== -1) { return false; }
628 obj
.removeClass("jstree-closed jstree-open").addClass("jstree-leaf").children("ul").remove();
629 this.__callback({ "obj" : obj
});
632 open_node : function (obj
, callback
, skip_animation
) {
633 obj
= this._get_node(obj
);
634 if(!obj
.length
) { return false; }
635 if(!obj
.hasClass("jstree-closed")) { if(callback
) { callback
.call(); } return false; }
636 var s
= skip_animation
|| is_ie6
? 0 : this._get_settings().core
.animation
,
638 if(!this._is_loaded(obj
)) {
639 obj
.children("a").addClass("jstree-loading");
640 this.load_node(obj
, function () { t
.open_node(obj
, callback
, skip_animation
); }, callback
);
643 if(this._get_settings().core
.open_parents
) {
644 obj
.parentsUntil(".jstree",".jstree-closed").each(function () {
645 t
.open_node(this, false, true);
648 if(s
) { obj
.children("ul").css("display","none"); }
649 obj
.removeClass("jstree-closed").addClass("jstree-open").children("a").removeClass("jstree-loading");
650 if(s
) { obj
.children("ul").stop(true, true).slideDown(s
, function () { this.style
.display
= ""; t
.after_open(obj
); }); }
651 else { t
.after_open(obj
); }
652 this.__callback({ "obj" : obj
});
653 if(callback
) { callback
.call(); }
656 after_open : function (obj
) { this.__callback({ "obj" : obj
}); },
657 close_node : function (obj
, skip_animation
) {
658 obj
= this._get_node(obj
);
659 var s
= skip_animation
|| is_ie6
? 0 : this._get_settings().core
.animation
,
661 if(!obj
.length
|| !obj
.hasClass("jstree-open")) { return false; }
662 if(s
) { obj
.children("ul").attr("style","display:block !important"); }
663 obj
.removeClass("jstree-open").addClass("jstree-closed");
664 if(s
) { obj
.children("ul").stop(true, true).slideUp(s
, function () { this.style
.display
= ""; t
.after_close(obj
); }); }
665 else { t
.after_close(obj
); }
666 this.__callback({ "obj" : obj
});
668 after_close : function (obj
) { this.__callback({ "obj" : obj
}); },
669 toggle_node : function (obj
) {
670 obj
= this._get_node(obj
);
671 if(obj
.hasClass("jstree-closed")) { return this.open_node(obj
); }
672 if(obj
.hasClass("jstree-open")) { return this.close_node(obj
); }
674 open_all : function (obj
, do_animation
, original_obj
) {
675 obj
= obj
? this._get_node(obj
) : -1;
676 if(!obj
|| obj
=== -1) { obj
= this.get_container_ul(); }
678 obj
= obj
.find("li.jstree-closed");
682 if(obj
.is(".jstree-closed")) { obj
= obj
.find("li.jstree-closed").andSelf(); }
683 else { obj
= obj
.find("li.jstree-closed"); }
686 obj
.each(function () {
688 if(!_this
._is_loaded(this)) { _this
.open_node(this, function() { _this
.open_all(__this
, do_animation
, original_obj
); }, !do_animation
); }
689 else { _this
.open_node(this, false, !do_animation
); }
691 // so that callback is fired AFTER all nodes are open
692 if(original_obj
.find('li.jstree-closed').length
=== 0) { this.__callback({ "obj" : original_obj
}); }
694 close_all : function (obj
, do_animation
) {
696 obj
= obj
? this._get_node(obj
) : this.get_container();
697 if(!obj
|| obj
=== -1) { obj
= this.get_container_ul(); }
698 obj
.find("li.jstree-open").andSelf().each(function () { _this
.close_node(this, !do_animation
); });
699 this.__callback({ "obj" : obj
});
701 clean_node : function (obj
) {
702 obj
= obj
&& obj
!= -1 ? $(obj
) : this.get_container_ul();
703 obj
= obj
.is("li") ? obj
.find("li").andSelf() : obj
.find("li");
704 obj
.removeClass("jstree-last")
705 .filter("li:last-child").addClass("jstree-last").end()
707 .not(".jstree-open").removeClass("jstree-leaf").addClass("jstree-closed");
708 obj
.not(".jstree-open, .jstree-closed").addClass("jstree-leaf").children("ul").remove();
709 this.__callback({ "obj" : obj
});
712 get_rollback : function () {
714 return { i
: this.get_index(), h
: this.get_container().children("ul").clone(true), d
: this.data
};
716 set_rollback : function (html
, data
) {
717 this.get_container().empty().append(html
);
721 // Dummy functions to be overwritten by any datastore plugin included
722 load_node : function (obj
, s_call
, e_call
) { this.__callback({ "obj" : obj
}); },
723 _is_loaded : function (obj
) { return true; },
725 // Basic operations: create
726 create_node : function (obj
, position
, js
, callback
, is_loaded
) {
727 obj
= this._get_node(obj
);
728 position
= typeof position
=== "undefined" ? "last" : position
;
730 s
= this._get_settings().core
,
733 if(obj
!== -1 && !obj
.length
) { return false; }
734 if(!is_loaded
&& !this._is_loaded(obj
)) { this.load_node(obj
, function () { this.create_node(obj
, position
, js
, callback
, true); }); return false; }
738 if(typeof js
=== "string") { js
= { "data" : js
}; }
740 if(js
.attr
) { d
.attr(js
.attr
); }
741 if(js
.metadata
) { d
.data(js
.metadata
); }
742 if(js
.state
) { d
.addClass("jstree-" + js
.state
); }
743 if(!js
.data
) { js
.data
= this._get_string("new_node"); }
744 if(!$.isArray(js
.data
)) { tmp
= js
.data
; js
.data
= []; js
.data
.push(tmp
); }
745 $.each(js
.data
, function (i
, m
) {
747 if($.isFunction(m
)) { m
= m
.call(this, js
); }
748 if(typeof m
== "string") { tmp
.attr('href','#')[ s
.html_titles
? "html" : "text" ](m
); }
750 if(!m
.attr
) { m
.attr
= {}; }
751 if(!m
.attr
.href
) { m
.attr
.href
= '#'; }
752 tmp
.attr(m
.attr
)[ s
.html_titles
? "html" : "text" ](m
.title
);
753 if(m
.language
) { tmp
.addClass(m
.language
); }
755 tmp
.prepend("<ins class='jstree-icon'> </ins>");
756 if(!m
.icon
&& js
.icon
) { m
.icon
= js
.icon
; }
758 if(m
.icon
.indexOf("/") === -1) { tmp
.children("ins").addClass(m
.icon
); }
759 else { tmp
.children("ins").css("background","url('" + m
.icon
+ "') center center no-repeat"); }
763 d
.prepend("<ins class='jstree-icon'> </ins>");
765 obj
= this.get_container();
766 if(position
=== "before") { position
= "first"; }
767 if(position
=== "after") { position
= "last"; }
770 case "before": obj
.before(d
); tmp
= this._get_parent(obj
); break;
771 case "after" : obj
.after(d
); tmp
= this._get_parent(obj
); break;
774 if(!obj
.children("ul").length
) { obj
.append("<ul />"); }
775 obj
.children("ul").prepend(d
);
779 if(!obj
.children("ul").length
) { obj
.append("<ul />"); }
780 obj
.children("ul").append(d
);
784 if(!obj
.children("ul").length
) { obj
.append("<ul />"); }
785 if(!position
) { position
= 0; }
786 tmp
= obj
.children("ul").children("li").eq(position
);
787 if(tmp
.length
) { tmp
.before(d
); }
788 else { obj
.children("ul").append(d
); }
792 if(tmp
=== -1 || tmp
.get(0) === this.get_container().get(0)) { tmp
= -1; }
793 this.clean_node(tmp
);
794 this.__callback({ "obj" : d
, "parent" : tmp
});
795 if(callback
) { callback
.call(this, d
); }
798 // Basic operations: rename (deal with text)
799 get_text : function (obj
) {
800 obj
= this._get_node(obj
);
801 if(!obj
.length
) { return false; }
802 var s
= this._get_settings().core
.html_titles
;
803 obj
= obj
.children("a:eq(0)");
806 obj
.children("INS").remove();
810 obj
= obj
.contents().filter(function() { return this.nodeType
== 3; })[0];
811 return obj
.nodeValue
;
814 set_text : function (obj
, val
) {
815 obj
= this._get_node(obj
);
816 if(!obj
.length
) { return false; }
817 obj
= obj
.children("a:eq(0)");
818 if(this._get_settings().core
.html_titles
) {
819 var tmp
= obj
.children("INS").clone();
820 obj
.html(val
).prepend(tmp
);
821 this.__callback({ "obj" : obj
, "name" : val
});
825 obj
= obj
.contents().filter(function() { return this.nodeType
== 3; })[0];
826 this.__callback({ "obj" : obj
, "name" : val
});
827 return (obj
.nodeValue
= val
);
830 rename_node : function (obj
, val
) {
831 obj
= this._get_node(obj
);
833 if(obj
&& obj
.length
&& this.set_text
.apply(this, Array
.prototype.slice
.call(arguments
))) { this.__callback({ "obj" : obj
, "name" : val
}); }
835 // Basic operations: deleting nodes
836 delete_node : function (obj
) {
837 obj
= this._get_node(obj
);
838 if(!obj
.length
) { return false; }
840 var p
= this._get_parent(obj
), prev
= $([]), t
= this;
841 obj
.each(function () {
842 prev
= prev
.add(t
._get_prev(this));
845 if(p
!== -1 && p
.find("> ul > li").length
=== 0) {
846 p
.removeClass("jstree-open jstree-closed").addClass("jstree-leaf");
849 this.__callback({ "obj" : obj
, "prev" : prev
, "parent" : p
});
852 prepare_move : function (o
, r
, pos
, cb
, is_cb
) {
855 p
.ot
= $.jstree
._reference(o
) || this;
856 p
.o
= p
.ot
._get_node(o
);
857 p
.r
= r
=== - 1 ? -1 : this._get_node(r
);
858 p
.p
= (typeof pos
=== "undefined" || pos
=== false) ? "last" : pos
; // TODO: move to a setting
859 if(!is_cb
&& prepared_move
.o
&& prepared_move
.o
[0] === p
.o
[0] && prepared_move
.r
[0] === p
.r
[0] && prepared_move
.p
=== p
.p
) {
860 this.__callback(prepared_move
);
861 if(cb
) { cb
.call(this, prepared_move
); }
864 p
.ot
= $.jstree
._reference(p
.o
) || this;
865 p
.rt
= $.jstree
._reference(p
.r
) || this; // r === -1 ? p.ot : $.jstree._reference(p.r) || this
866 if(p
.r
=== -1 || !p
.r
) {
876 p
.cp
= p
.rt
.get_container().find(" > ul > li").length
;
884 if(!/^(before|after)$/.test(p
.p
) && !this._is_loaded(p
.r
)) {
885 return this.load_node(p
.r
, function () { this.prepare_move(o
, r
, pos
, cb
, true); });
890 p
.cr
= p
.rt
._get_parent(p
.r
);
893 p
.cp
= p
.r
.index() + 1;
894 p
.cr
= p
.rt
._get_parent(p
.r
);
902 p
.cp
= p
.r
.find(" > ul > li").length
;
911 p
.np
= p
.cr
== -1 ? p
.rt
.get_container() : p
.cr
;
912 p
.op
= p
.ot
._get_parent(p
.o
);
914 if(p
.op
=== -1) { p
.op
= p
.ot
? p
.ot
.get_container() : this.get_container(); }
915 if(!/^(before|after)$/.test(p
.p
) && p
.op
&& p
.np
&& p
.op
[0] === p
.np
[0] && p
.o
.index() < p
.cp
) { p
.cp
++; }
916 //if(p.p === "before" && p.op && p.np && p.op[0] === p.np[0] && p.o.index() < p.cp) { p.cp--; }
917 p
.or
= p
.np
.find(" > ul > li:nth-child(" + (p
.cp
+ 1) + ")");
919 this.__callback(prepared_move
);
920 if(cb
) { cb
.call(this, prepared_move
); }
922 check_move : function () {
923 var obj
= prepared_move
, ret
= true, r
= obj
.r
=== -1 ? this.get_container() : obj
.r
;
924 if(!obj
|| !obj
.o
|| obj
.or
[0] === obj
.o
[0]) { return false; }
925 if(obj
.op
&& obj
.np
&& obj
.op
[0] === obj
.np
[0] && obj
.cp
- 1 === obj
.o
.index()) { return false; }
926 obj
.o
.each(function () {
927 if(r
.parentsUntil(".jstree", "li").andSelf().index(this) !== -1) { ret
= false; return false; }
931 move_node : function (obj
, ref
, position
, is_copy
, is_prepared
, skip_check
) {
933 return this.prepare_move(obj
, ref
, position
, function (p
) {
934 this.move_node(p
, false, false, is_copy
, true, skip_check
);
938 prepared_move
.cy
= true;
940 if(!skip_check
&& !this.check_move()) { return false; }
945 o
= obj
.o
.clone(true);
946 o
.find("*[id]").andSelf().each(function () {
947 if(this.id
) { this.id
= "copy_" + this.id
; }
952 if(obj
.or
.length
) { obj
.or
.before(o
); }
954 if(!obj
.np
.children("ul").length
) { $("<ul />").appendTo(obj
.np
); }
955 obj
.np
.children("ul:eq(0)").append(o
);
959 obj
.ot
.clean_node(obj
.op
);
960 obj
.rt
.clean_node(obj
.np
);
961 if(!obj
.op
.find("> ul > li").length
) {
962 obj
.op
.removeClass("jstree-open jstree-closed").addClass("jstree-leaf").children("ul").remove();
967 prepared_move
.cy
= true;
968 prepared_move
.oc
= o
;
970 this.__callback(prepared_move
);
971 return prepared_move
;
973 _get_move : function () { return prepared_move
; }
981 * This plugins handles selecting/deselecting/hovering/dehovering nodes
984 var scrollbar_width
, e1
, e2
;
986 if (/msie/.test(navigator
.userAgent
.toLowerCase())) {
987 e1
= $('<textarea cols="10" rows="2"></textarea>').css({ position
: 'absolute', top
: -1000, left
: 0 }).appendTo('body');
988 e2
= $('<textarea cols="10" rows="2" style="overflow: hidden;"></textarea>').css({ position
: 'absolute', top
: -1000, left
: 0 }).appendTo('body');
989 scrollbar_width
= e1
.width() - e2
.width();
993 e1
= $('<div />').css({ width
: 100, height
: 100, overflow
: 'auto', position
: 'absolute', top
: -1000, left
: 0 })
994 .prependTo('body').append('<div />').find('div').css({ width
: '100%', height
: 200 });
995 scrollbar_width
= 100 - e1
.width();
996 e1
.parent().remove();
999 $.jstree
.plugin("ui", {
1000 __init : function () {
1001 this.data
.ui
.selected
= $();
1002 this.data
.ui
.last_selected
= false;
1003 this.data
.ui
.hovered
= null;
1004 this.data
.ui
.to_select
= this.get_settings().ui
.initially_select
;
1006 this.get_container()
1007 .delegate("a", "click.jstree", $.proxy(function (event
) {
1008 event
.preventDefault();
1009 event
.currentTarget
.blur();
1010 if(!$(event
.currentTarget
).hasClass("jstree-loading")) {
1011 this.select_node(event
.currentTarget
, true, event
);
1014 .delegate("a", "mouseenter.jstree", $.proxy(function (event
) {
1015 if(!$(event
.currentTarget
).hasClass("jstree-loading")) {
1016 this.hover_node(event
.target
);
1019 .delegate("a", "mouseleave.jstree", $.proxy(function (event
) {
1020 if(!$(event
.currentTarget
).hasClass("jstree-loading")) {
1021 this.dehover_node(event
.target
);
1024 .bind("reopen.jstree", $.proxy(function () {
1027 .bind("get_rollback.jstree", $.proxy(function () {
1028 this.dehover_node();
1029 this.save_selected();
1031 .bind("set_rollback.jstree", $.proxy(function () {
1034 .bind("close_node.jstree", $.proxy(function (event
, data
) {
1035 var s
= this._get_settings().ui
,
1036 obj
= this._get_node(data
.rslt
.obj
),
1037 clk
= (obj
&& obj
.length
) ? obj
.children("ul").find("a.jstree-clicked") : $(),
1039 if(s
.selected_parent_close
=== false || !clk
.length
) { return; }
1040 clk
.each(function () {
1041 _this
.deselect_node(this);
1042 if(s
.selected_parent_close
=== "select_parent") { _this
.select_node(obj
); }
1045 .bind("delete_node.jstree", $.proxy(function (event
, data
) {
1046 var s
= this._get_settings().ui
.select_prev_on_delete
,
1047 obj
= this._get_node(data
.rslt
.obj
),
1048 clk
= (obj
&& obj
.length
) ? obj
.find("a.jstree-clicked") : [],
1050 clk
.each(function () { _this
.deselect_node(this); });
1051 if(s
&& clk
.length
) {
1052 data
.rslt
.prev
.each(function () {
1053 if(this.parentNode
) { _this
.select_node(this); return false; /* if return false is removed all prev nodes will be selected */}
1057 .bind("move_node.jstree", $.proxy(function (event
, data
) {
1059 data
.rslt
.oc
.find("a.jstree-clicked").removeClass("jstree-clicked");
1064 select_limit
: -1, // 0, 1, 2 ... or -1 for unlimited
1065 select_multiple_modifier
: "ctrl", // on, or ctrl, shift, alt
1066 select_range_modifier
: "shift",
1067 selected_parent_close
: "select_parent", // false, "deselect", "select_parent"
1068 selected_parent_open
: true,
1069 select_prev_on_delete
: true,
1070 disable_selecting_children
: false,
1071 initially_select
: []
1074 _get_node : function (obj
, allow_multiple
) {
1075 if(typeof obj
=== "undefined" || obj
=== null) { return allow_multiple
? this.data
.ui
.selected
: this.data
.ui
.last_selected
; }
1076 var $obj
= $(obj
, this.get_container());
1077 if($obj
.is(".jstree") || obj
== -1) { return -1; }
1078 $obj
= $obj
.closest("li", this.get_container());
1079 return $obj
.length
? $obj
: false;
1081 _ui_notify : function (n
, data
) {
1083 this.select_node(n
, false);
1086 save_selected : function () {
1088 this.data
.ui
.to_select
= [];
1089 this.data
.ui
.selected
.each(function () { if(this.id
) { _this
.data
.ui
.to_select
.push("#" + this.id
.toString().replace(/^#/,"").replace(/\\\//g,"/").replace(/\//g,"\\\/").replace(/\\\./g,".").replace(/\./g,"\\.").replace(/\:/g,"\\:")); } });
1090 this.__callback(this.data
.ui
.to_select
);
1092 reselect : function () {
1094 s
= this.data
.ui
.to_select
;
1095 s
= $.map($.makeArray(s
), function (n
) { return "#" + n
.toString().replace(/^#/,"").replace(/\\\//g,"/").replace(/\//g,"\\\/").replace(/\\\./g,".").replace(/\./g,"\\.").replace(/\:/g,"\\:"); });
1096 // this.deselect_all(); WHY deselect, breaks plugin state notifier?
1097 $.each(s
, function (i
, val
) { if(val
&& val
!== "#") { _this
.select_node(val
); } });
1098 this.data
.ui
.selected
= this.data
.ui
.selected
.filter(function () { return this.parentNode
; });
1101 refresh : function (obj
) {
1102 this.save_selected();
1103 return this.__call_old();
1105 hover_node : function (obj
) {
1106 obj
= this._get_node(obj
);
1107 if(!obj
.length
) { return false; }
1108 //if(this.data.ui.hovered && obj.get(0) === this.data.ui.hovered.get(0)) { return; }
1109 if(!obj
.hasClass("jstree-hovered")) { this.dehover_node(); }
1110 this.data
.ui
.hovered
= obj
.children("a").addClass("jstree-hovered").parent();
1111 this._fix_scroll(obj
);
1112 this.__callback({ "obj" : obj
});
1114 dehover_node : function () {
1115 var obj
= this.data
.ui
.hovered
, p
;
1116 if(!obj
|| !obj
.length
) { return false; }
1117 p
= obj
.children("a").removeClass("jstree-hovered").parent();
1118 if(this.data
.ui
.hovered
[0] === p
[0]) { this.data
.ui
.hovered
= null; }
1119 this.__callback({ "obj" : obj
});
1121 select_node : function (obj
, check
, e
) {
1122 obj
= this._get_node(obj
);
1123 if(obj
== -1 || !obj
|| !obj
.length
) { return false; }
1124 var s
= this._get_settings().ui
,
1125 is_multiple
= (s
.select_multiple_modifier
== "on" || (s
.select_multiple_modifier
!== false && e
&& e
[s
.select_multiple_modifier
+ "Key"])),
1126 is_range
= (s
.select_range_modifier
!== false && e
&& e
[s
.select_range_modifier
+ "Key"] && this.data
.ui
.last_selected
&& this.data
.ui
.last_selected
[0] !== obj
[0] && this.data
.ui
.last_selected
.parent()[0] === obj
.parent()[0]),
1127 is_selected
= this.is_selected(obj
),
1131 if(s
.disable_selecting_children
&& is_multiple
&&
1133 (obj
.parentsUntil(".jstree","li").children("a.jstree-clicked").length
) ||
1134 (obj
.children("ul").find("a.jstree-clicked:eq(0)").length
)
1142 this.data
.ui
.last_selected
.addClass("jstree-last-selected");
1143 obj
= obj
[ obj
.index() < this.data
.ui
.last_selected
.index() ? "nextUntil" : "prevUntil" ](".jstree-last-selected").andSelf();
1144 if(s
.select_limit
== -1 || obj
.length
< s
.select_limit
) {
1145 this.data
.ui
.last_selected
.removeClass("jstree-last-selected");
1146 this.data
.ui
.selected
.each(function () {
1147 if(this !== t
.data
.ui
.last_selected
[0]) { t
.deselect_node(this); }
1149 is_selected
= false;
1156 case (is_selected
&& !is_multiple
):
1157 this.deselect_all();
1158 is_selected
= false;
1161 case (!is_selected
&& !is_multiple
):
1162 if(s
.select_limit
== -1 || s
.select_limit
> 0) {
1163 this.deselect_all();
1167 case (is_selected
&& is_multiple
):
1168 this.deselect_node(obj
);
1170 case (!is_selected
&& is_multiple
):
1171 if(s
.select_limit
== -1 || this.data
.ui
.selected
.length
+ 1 <= s
.select_limit
) {
1177 if(proceed
&& !is_selected
) {
1178 if(!is_range
) { this.data
.ui
.last_selected
= obj
; }
1179 obj
.children("a").addClass("jstree-clicked");
1180 if(s
.selected_parent_open
) {
1181 obj
.parents(".jstree-closed").each(function () { t
.open_node(this, false, true); });
1183 this.data
.ui
.selected
= this.data
.ui
.selected
.add(obj
);
1184 this._fix_scroll(obj
.eq(0));
1185 this.__callback({ "obj" : obj
, "e" : e
});
1188 _fix_scroll : function (obj
) {
1189 var c
= this.get_container()[0], t
;
1190 if(c
.scrollHeight
> c
.offsetHeight
) {
1191 obj
= this._get_node(obj
);
1192 if(!obj
|| obj
=== -1 || !obj
.length
|| !obj
.is(":visible")) { return; }
1193 t
= obj
.offset().top
- this.get_container().offset().top
;
1195 c
.scrollTop
= c
.scrollTop
+ t
- 1;
1197 if(t
+ this.data
.core
.li_height
+ (c
.scrollWidth
> c
.offsetWidth
? scrollbar_width
: 0) > c
.offsetHeight
) {
1198 c
.scrollTop
= c
.scrollTop
+ (t
- c
.offsetHeight
+ this.data
.core
.li_height
+ 1 + (c
.scrollWidth
> c
.offsetWidth
? scrollbar_width
: 0));
1202 deselect_node : function (obj
) {
1203 obj
= this._get_node(obj
);
1204 if(!obj
.length
) { return false; }
1205 if(this.is_selected(obj
)) {
1206 obj
.children("a").removeClass("jstree-clicked");
1207 this.data
.ui
.selected
= this.data
.ui
.selected
.not(obj
);
1208 if(this.data
.ui
.last_selected
.get(0) === obj
.get(0)) { this.data
.ui
.last_selected
= this.data
.ui
.selected
.eq(0); }
1209 this.__callback({ "obj" : obj
});
1212 toggle_select : function (obj
) {
1213 obj
= this._get_node(obj
);
1214 if(!obj
.length
) { return false; }
1215 if(this.is_selected(obj
)) { this.deselect_node(obj
); }
1216 else { this.select_node(obj
); }
1218 is_selected : function (obj
) { return this.data
.ui
.selected
.index(this._get_node(obj
)) >= 0; },
1219 get_selected : function (context
) {
1220 return context
? $(context
).find("a.jstree-clicked").parent() : this.data
.ui
.selected
;
1222 deselect_all : function (context
) {
1223 var ret
= context
? $(context
).find("a.jstree-clicked").parent() : this.get_container().find("a.jstree-clicked").parent();
1224 ret
.children("a.jstree-clicked").removeClass("jstree-clicked");
1225 this.data
.ui
.selected
= $([]);
1226 this.data
.ui
.last_selected
= false;
1227 this.__callback({ "obj" : ret
});
1231 // include the selection plugin by default
1232 $.jstree
.defaults
.plugins
.push("ui");
1237 * jsTree CRRM plugin
1238 * Handles creating/renaming/removing/moving nodes by user interaction.
1241 $.jstree
.plugin("crrm", {
1242 __init : function () {
1243 this.get_container()
1244 .bind("move_node.jstree", $.proxy(function (e
, data
) {
1245 if(this._get_settings().crrm
.move.open_onmove
) {
1247 data
.rslt
.np
.parentsUntil(".jstree").andSelf().filter(".jstree-closed").each(function () {
1248 t
.open_node(this, false, true);
1254 input_width_limit
: 200,
1256 always_copy
: false, // false, true or "multitree"
1258 default_position
: "last",
1259 check_move : function (m
) { return true; }
1263 _show_input : function (obj
, callback
) {
1264 obj
= this._get_node(obj
);
1265 var rtl
= this._get_settings().core
.rtl
,
1266 w
= this._get_settings().crrm
.input_width_limit
,
1267 w1
= obj
.children("ins").width(),
1268 w2
= obj
.find("> a:visible > ins").width() * obj
.find("> a:visible > ins").length
,
1269 t
= this.get_text(obj
),
1270 h1
= $("<div />", { css
: { "position" : "absolute", "top" : "-200px", "left" : (rtl
? "0px" : "-1000px"), "visibility" : "hidden" } }).appendTo("body"),
1271 h2
= obj
.css("position","relative").append(
1274 "class" : "jstree-rename-input",
1275 // "size" : t.length,
1278 "border" : "1px solid silver",
1279 "position" : "absolute",
1280 "left" : (rtl
? "auto" : (w1
+ w2
+ 4) + "px"),
1281 "right" : (rtl
? (w1
+ w2
+ 4) + "px" : "auto"),
1283 "height" : (this.data
.core
.li_height
- 2) + "px",
1284 "lineHeight" : (this.data
.core
.li_height
- 2) + "px",
1285 "width" : "150px" // will be set a bit further down
1287 "blur" : $.proxy(function () {
1288 var i
= obj
.children(".jstree-rename-input"),
1290 if(v
=== "") { v
= t
; }
1292 i
.remove(); // rollback purposes
1293 this.set_text(obj
,t
); // rollback purposes
1294 this.rename_node(obj
, v
);
1295 callback
.call(this, obj
, v
, t
);
1296 obj
.css("position","");
1298 "keyup" : function (event
) {
1299 var key
= event
.keyCode
|| event
.which
;
1300 if(key
== 27) { this.value
= t
; this.blur(); return; }
1301 else if(key
== 13) { this.blur(); return; }
1303 h2
.width(Math
.min(h1
.text("pW" + this.value
).width(),w
));
1306 "keypress" : function(event
) {
1307 var key
= event
.keyCode
|| event
.which
;
1308 if(key
== 13) { return false; }
1311 ).children(".jstree-rename-input");
1312 this.set_text(obj
, "");
1314 fontFamily
: h2
.css('fontFamily') || '',
1315 fontSize
: h2
.css('fontSize') || '',
1316 fontWeight
: h2
.css('fontWeight') || '',
1317 fontStyle
: h2
.css('fontStyle') || '',
1318 fontStretch
: h2
.css('fontStretch') || '',
1319 fontVariant
: h2
.css('fontVariant') || '',
1320 letterSpacing
: h2
.css('letterSpacing') || '',
1321 wordSpacing
: h2
.css('wordSpacing') || ''
1323 h2
.width(Math
.min(h1
.text("pW" + h2
[0].value
).width(),w
))[0].select();
1325 rename : function (obj
) {
1326 obj
= this._get_node(obj
);
1328 var f
= this.__callback
;
1329 this._show_input(obj
, function (obj
, new_name
, old_name
) {
1330 f
.call(this, { "obj" : obj
, "new_name" : new_name
, "old_name" : old_name
});
1333 create : function (obj
, position
, js
, callback
, skip_rename
) {
1334 var t
, _this
= this;
1335 obj
= this._get_node(obj
);
1336 if(!obj
) { obj
= -1; }
1338 t
= this.create_node(obj
, position
, js
, function (t
) {
1339 var p
= this._get_parent(t
),
1341 if(callback
) { callback
.call(this, t
); }
1342 if(p
.length
&& p
.hasClass("jstree-closed")) { this.open_node(p
, false, true); }
1344 this._show_input(t
, function (obj
, new_name
, old_name
) {
1345 _this
.__callback({ "obj" : obj
, "name" : new_name
, "parent" : p
, "position" : pos
});
1348 else { _this
.__callback({ "obj" : t
, "name" : this.get_text(t
), "parent" : p
, "position" : pos
}); }
1352 remove : function (obj
) {
1353 obj
= this._get_node(obj
, true);
1354 var p
= this._get_parent(obj
), prev
= this._get_prev(obj
);
1356 obj
= this.delete_node(obj
);
1357 if(obj
!== false) { this.__callback({ "obj" : obj
, "prev" : prev
, "parent" : p
}); }
1359 check_move : function () {
1360 if(!this.__call_old()) { return false; }
1361 var s
= this._get_settings().crrm
.move;
1362 if(!s
.check_move
.call(this, this._get_move())) { return false; }
1365 move_node : function (obj
, ref
, position
, is_copy
, is_prepared
, skip_check
) {
1366 var s
= this._get_settings().crrm
.move;
1368 if(typeof position
=== "undefined") { position
= s
.default_position
; }
1369 if(position
=== "inside" && !s
.default_position
.match(/^(before|after)$/)) { position
= s
.default_position
; }
1370 return this.__call_old(true, obj
, ref
, position
, is_copy
, false, skip_check
);
1372 // if the move is already prepared
1373 if(s
.always_copy
=== true || (s
.always_copy
=== "multitree" && obj
.rt
.get_index() !== obj
.ot
.get_index() )) {
1376 this.__call_old(true, obj
, ref
, position
, is_copy
, true, skip_check
);
1379 cut : function (obj
) {
1380 obj
= this._get_node(obj
, true);
1381 if(!obj
|| !obj
.length
) { return false; }
1382 this.data
.crrm
.cp_nodes
= false;
1383 this.data
.crrm
.ct_nodes
= obj
;
1384 this.__callback({ "obj" : obj
});
1386 copy : function (obj
) {
1387 obj
= this._get_node(obj
, true);
1388 if(!obj
|| !obj
.length
) { return false; }
1389 this.data
.crrm
.ct_nodes
= false;
1390 this.data
.crrm
.cp_nodes
= obj
;
1391 this.__callback({ "obj" : obj
});
1393 paste : function (obj
) {
1394 obj
= this._get_node(obj
);
1395 if(!obj
|| !obj
.length
) { return false; }
1396 var nodes
= this.data
.crrm
.ct_nodes
? this.data
.crrm
.ct_nodes
: this.data
.crrm
.cp_nodes
;
1397 if(!this.data
.crrm
.ct_nodes
&& !this.data
.crrm
.cp_nodes
) { return false; }
1398 if(this.data
.crrm
.ct_nodes
) { this.move_node(this.data
.crrm
.ct_nodes
, obj
); this.data
.crrm
.ct_nodes
= false; }
1399 if(this.data
.crrm
.cp_nodes
) { this.move_node(this.data
.crrm
.cp_nodes
, obj
, false, true); }
1400 this.__callback({ "obj" : obj
, "nodes" : nodes
});
1404 // include the crr plugin by default
1405 // $.jstree.defaults.plugins.push("crrm");
1410 * jsTree themes plugin
1411 * Handles loading and setting themes, as well as detecting path to themes, etc.
1414 var themes_loaded
= [];
1415 // this variable stores the path to the themes folder - if left as false - it will be autodetected
1416 $.jstree
._themes
= false;
1417 $.jstree
.plugin("themes", {
1418 __init : function () {
1419 this.get_container()
1420 .bind("init.jstree", $.proxy(function () {
1421 var s
= this._get_settings().themes
;
1422 this.data
.themes
.dots
= s
.dots
;
1423 this.data
.themes
.icons
= s
.icons
;
1424 this.set_theme(s
.theme
, s
.url
);
1426 .bind("loaded.jstree", $.proxy(function () {
1427 // bound here too, as simple HTML tree's won't honor dots & icons otherwise
1428 if(!this.data
.themes
.dots
) { this.hide_dots(); }
1429 else { this.show_dots(); }
1430 if(!this.data
.themes
.icons
) { this.hide_icons(); }
1431 else { this.show_icons(); }
1441 set_theme : function (theme_name
, theme_url
) {
1442 if(!theme_name
) { return false; }
1443 if(!theme_url
) { theme_url
= $.jstree
._themes
+ theme_name
+ '/style.css'; }
1444 if($.inArray(theme_url
, themes_loaded
) == -1) {
1445 $.vakata
.css
.add_sheet({ "url" : theme_url
});
1446 themes_loaded
.push(theme_url
);
1448 if(this.data
.themes
.theme
!= theme_name
) {
1449 this.get_container().removeClass('jstree-' + this.data
.themes
.theme
);
1450 this.data
.themes
.theme
= theme_name
;
1452 this.get_container().addClass('jstree-' + theme_name
);
1453 if(!this.data
.themes
.dots
) { this.hide_dots(); }
1454 else { this.show_dots(); }
1455 if(!this.data
.themes
.icons
) { this.hide_icons(); }
1456 else { this.show_icons(); }
1459 get_theme : function () { return this.data
.themes
.theme
; },
1461 show_dots : function () { this.data
.themes
.dots
= true; this.get_container().children("ul").removeClass("jstree-no-dots"); },
1462 hide_dots : function () { this.data
.themes
.dots
= false; this.get_container().children("ul").addClass("jstree-no-dots"); },
1463 toggle_dots : function () { if(this.data
.themes
.dots
) { this.hide_dots(); } else { this.show_dots(); } },
1465 show_icons : function () { this.data
.themes
.icons
= true; this.get_container().children("ul").removeClass("jstree-no-icons"); },
1466 hide_icons : function () { this.data
.themes
.icons
= false; this.get_container().children("ul").addClass("jstree-no-icons"); },
1467 toggle_icons: function () { if(this.data
.themes
.icons
) { this.hide_icons(); } else { this.show_icons(); } }
1470 // autodetect themes path
1472 if($.jstree
._themes
=== false) {
1473 $("script").each(function () {
1474 if(this.src
.toString().match(/jquery\.jstree[^\/]*?\.js(\?.*)?$/)) {
1475 $.jstree
._themes
= this.src
.toString().replace(/jquery\.jstree[^\/]*?\.js(\?.*)?$/, "") + 'themes/';
1480 if($.jstree
._themes
=== false) { $.jstree
._themes
= "themes/"; }
1482 // include the themes plugin by default
1483 $.jstree
.defaults
.plugins
.push("themes");
1488 * jsTree hotkeys plugin
1489 * Enables keyboard navigation for all tree instances
1490 * Depends on the jstree ui & jquery hotkeys plugins
1494 function exec(i
, event
) {
1495 var f
= $.jstree
._focused(), tmp
;
1496 if(f
&& f
.data
&& f
.data
.hotkeys
&& f
.data
.hotkeys
.enabled
) {
1497 tmp
= f
._get_settings().hotkeys
[i
];
1498 if(tmp
) { return tmp
.call(f
, event
); }
1501 $.jstree
.plugin("hotkeys", {
1502 __init : function () {
1503 if(typeof $.hotkeys
=== "undefined") { throw "jsTree hotkeys: jQuery hotkeys plugin not included."; }
1504 if(!this.data
.ui
) { throw "jsTree hotkeys: jsTree UI plugin not included."; }
1505 $.each(this._get_settings().hotkeys
, function (i
, v
) {
1506 if(v
!== false && $.inArray(i
, bound
) == -1) {
1507 $(document
).bind("keydown", i
, function (event
) { return exec(i
, event
); });
1511 this.get_container()
1512 .bind("lock.jstree", $.proxy(function () {
1513 if(this.data
.hotkeys
.enabled
) { this.data
.hotkeys
.enabled
= false; this.data
.hotkeys
.revert
= true; }
1515 .bind("unlock.jstree", $.proxy(function () {
1516 if(this.data
.hotkeys
.revert
) { this.data
.hotkeys
.enabled
= true; }
1518 this.enable_hotkeys();
1521 "up" : function () {
1522 var o
= this.data
.ui
.hovered
|| this.data
.ui
.last_selected
|| -1;
1523 this.hover_node(this._get_prev(o
));
1526 "ctrl+up" : function () {
1527 var o
= this.data
.ui
.hovered
|| this.data
.ui
.last_selected
|| -1;
1528 this.hover_node(this._get_prev(o
));
1531 "shift+up" : function () {
1532 var o
= this.data
.ui
.hovered
|| this.data
.ui
.last_selected
|| -1;
1533 this.hover_node(this._get_prev(o
));
1536 "down" : function () {
1537 var o
= this.data
.ui
.hovered
|| this.data
.ui
.last_selected
|| -1;
1538 this.hover_node(this._get_next(o
));
1541 "ctrl+down" : function () {
1542 var o
= this.data
.ui
.hovered
|| this.data
.ui
.last_selected
|| -1;
1543 this.hover_node(this._get_next(o
));
1546 "shift+down" : function () {
1547 var o
= this.data
.ui
.hovered
|| this.data
.ui
.last_selected
|| -1;
1548 this.hover_node(this._get_next(o
));
1551 "left" : function () {
1552 var o
= this.data
.ui
.hovered
|| this.data
.ui
.last_selected
;
1554 if(o
.hasClass("jstree-open")) { this.close_node(o
); }
1555 else { this.hover_node(this._get_prev(o
)); }
1559 "ctrl+left" : function () {
1560 var o
= this.data
.ui
.hovered
|| this.data
.ui
.last_selected
;
1562 if(o
.hasClass("jstree-open")) { this.close_node(o
); }
1563 else { this.hover_node(this._get_prev(o
)); }
1567 "shift+left" : function () {
1568 var o
= this.data
.ui
.hovered
|| this.data
.ui
.last_selected
;
1570 if(o
.hasClass("jstree-open")) { this.close_node(o
); }
1571 else { this.hover_node(this._get_prev(o
)); }
1575 "right" : function () {
1576 var o
= this.data
.ui
.hovered
|| this.data
.ui
.last_selected
;
1578 if(o
.hasClass("jstree-closed")) { this.open_node(o
); }
1579 else { this.hover_node(this._get_next(o
)); }
1583 "ctrl+right" : function () {
1584 var o
= this.data
.ui
.hovered
|| this.data
.ui
.last_selected
;
1586 if(o
.hasClass("jstree-closed")) { this.open_node(o
); }
1587 else { this.hover_node(this._get_next(o
)); }
1591 "shift+right" : function () {
1592 var o
= this.data
.ui
.hovered
|| this.data
.ui
.last_selected
;
1594 if(o
.hasClass("jstree-closed")) { this.open_node(o
); }
1595 else { this.hover_node(this._get_next(o
)); }
1599 "space" : function () {
1600 if(this.data
.ui
.hovered
) { this.data
.ui
.hovered
.children("a:eq(0)").click(); }
1603 "ctrl+space" : function (event
) {
1604 event
.type
= "click";
1605 if(this.data
.ui
.hovered
) { this.data
.ui
.hovered
.children("a:eq(0)").trigger(event
); }
1608 "shift+space" : function (event
) {
1609 event
.type
= "click";
1610 if(this.data
.ui
.hovered
) { this.data
.ui
.hovered
.children("a:eq(0)").trigger(event
); }
1613 "f2" : function () { this.rename(this.data
.ui
.hovered
|| this.data
.ui
.last_selected
); },
1614 "del" : function () { this.remove(this.data
.ui
.hovered
|| this._get_node(null)); }
1617 enable_hotkeys : function () {
1618 this.data
.hotkeys
.enabled
= true;
1620 disable_hotkeys : function () {
1621 this.data
.hotkeys
.enabled
= false;
1629 * jsTree JSON plugin
1630 * The JSON data store. Datastores are build by overriding the `load_node` and `_is_loaded` functions.
1633 $.jstree
.plugin("json_data", {
1634 __init : function() {
1635 var s
= this._get_settings().json_data
;
1636 if(s
.progressive_unload
) {
1637 this.get_container().bind("after_close.jstree", function (e
, data
) {
1638 data
.rslt
.obj
.children("ul").remove();
1643 // `data` can be a function:
1644 // * accepts two arguments - node being loaded and a callback to pass the result to
1645 // * will be executed in the current tree's scope & ajax won't be supported
1648 correct_state
: true,
1649 progressive_render
: false,
1650 progressive_unload
: false
1653 load_node : function (obj
, s_call
, e_call
) { var _this
= this; this.load_node_json(obj
, function () { _this
.__callback({ "obj" : _this
._get_node(obj
) }); s_call
.call(this); }, e_call
); },
1654 _is_loaded : function (obj
) {
1655 var s
= this._get_settings().json_data
;
1656 obj
= this._get_node(obj
);
1657 return obj
== -1 || !obj
|| (!s
.ajax
&& !s
.progressive_render
&& !$.isFunction(s
.data
)) || obj
.is(".jstree-open, .jstree-leaf") || obj
.children("ul").children("li").length
> 0;
1659 refresh : function (obj
) {
1660 obj
= this._get_node(obj
);
1661 var s
= this._get_settings().json_data
;
1662 if(obj
&& obj
!== -1 && s
.progressive_unload
&& ($.isFunction(s
.data
) || !!s
.ajax
)) {
1663 obj
.removeData("jstree_children");
1665 return this.__call_old();
1667 load_node_json : function (obj
, s_call
, e_call
) {
1668 var s
= this.get_settings().json_data
, d
,
1669 error_func = function () {},
1670 success_func = function () {};
1671 obj
= this._get_node(obj
);
1673 if(obj
&& obj
!== -1 && (s
.progressive_render
|| s
.progressive_unload
) && !obj
.is(".jstree-open, .jstree-leaf") && obj
.children("ul").children("li").length
=== 0 && obj
.data("jstree_children")) {
1674 d
= this._parse_json(obj
.data("jstree_children"), obj
);
1677 if(!s
.progressive_unload
) { obj
.removeData("jstree_children"); }
1679 this.clean_node(obj
);
1680 if(s_call
) { s_call
.call(this); }
1684 if(obj
&& obj
!== -1) {
1685 if(obj
.data("jstree_is_loading")) { return; }
1686 else { obj
.data("jstree_is_loading",true); }
1689 case (!s
.data
&& !s
.ajax
): throw "Neither data nor ajax settings supplied.";
1690 // function option added here for easier model integration (also supporting async - see callback)
1691 case ($.isFunction(s
.data
)):
1692 s
.data
.call(this, obj
, $.proxy(function (d
) {
1693 d
= this._parse_json(d
, obj
);
1695 if(obj
=== -1 || !obj
) {
1696 if(s
.correct_state
) { this.get_container().children("ul").empty(); }
1699 obj
.children("a.jstree-loading").removeClass("jstree-loading");
1700 obj
.removeData("jstree_is_loading");
1701 if(s
.correct_state
) { this.correct_state(obj
); }
1703 if(e_call
) { e_call
.call(this); }
1706 if(obj
=== -1 || !obj
) { this.get_container().children("ul").empty().append(d
.children()); }
1707 else { obj
.append(d
).children("a.jstree-loading").removeClass("jstree-loading"); obj
.removeData("jstree_is_loading"); }
1708 this.clean_node(obj
);
1709 if(s_call
) { s_call
.call(this); }
1713 case (!!s
.data
&& !s
.ajax
) || (!!s
.data
&& !!s
.ajax
&& (!obj
|| obj
=== -1)):
1714 if(!obj
|| obj
== -1) {
1715 d
= this._parse_json(s
.data
, obj
);
1717 this.get_container().children("ul").empty().append(d
.children());
1721 if(s
.correct_state
) { this.get_container().children("ul").empty(); }
1724 if(s_call
) { s_call
.call(this); }
1726 case (!s
.data
&& !!s
.ajax
) || (!!s
.data
&& !!s
.ajax
&& obj
&& obj
!== -1):
1727 error_func = function (x
, t
, e
) {
1728 var ef
= this.get_settings().json_data
.ajax
.error
;
1729 if(ef
) { ef
.call(this, x
, t
, e
); }
1730 if(obj
!= -1 && obj
.length
) {
1731 obj
.children("a.jstree-loading").removeClass("jstree-loading");
1732 obj
.removeData("jstree_is_loading");
1733 if(t
=== "success" && s
.correct_state
) { this.correct_state(obj
); }
1736 if(t
=== "success" && s
.correct_state
) { this.get_container().children("ul").empty(); }
1738 if(e_call
) { e_call
.call(this); }
1740 success_func = function (d
, t
, x
) {
1741 var sf
= this.get_settings().json_data
.ajax
.success
;
1742 if(sf
) { d
= sf
.call(this,d
,t
,x
) || d
; }
1743 if(d
=== "" || (d
&& d
.toString
&& d
.toString().replace(/^[\s\n]+$/,"") === "") || (!$.isArray(d
) && !$.isPlainObject(d
))) {
1744 return error_func
.call(this, x
, t
, "");
1746 d
= this._parse_json(d
, obj
);
1748 if(obj
=== -1 || !obj
) { this.get_container().children("ul").empty().append(d
.children()); }
1749 else { obj
.append(d
).children("a.jstree-loading").removeClass("jstree-loading"); obj
.removeData("jstree_is_loading"); }
1750 this.clean_node(obj
);
1751 if(s_call
) { s_call
.call(this); }
1754 if(obj
=== -1 || !obj
) {
1755 if(s
.correct_state
) {
1756 this.get_container().children("ul").empty();
1757 if(s_call
) { s_call
.call(this); }
1761 obj
.children("a.jstree-loading").removeClass("jstree-loading");
1762 obj
.removeData("jstree_is_loading");
1763 if(s
.correct_state
) {
1764 this.correct_state(obj
);
1765 if(s_call
) { s_call
.call(this); }
1770 s
.ajax
.context
= this;
1771 s
.ajax
.error
= error_func
;
1772 s
.ajax
.success
= success_func
;
1773 if(!s
.ajax
.dataType
) { s
.ajax
.dataType
= "json"; }
1774 if($.isFunction(s
.ajax
.url
)) { s
.ajax
.url
= s
.ajax
.url
.call(this, obj
); }
1775 if($.isFunction(s
.ajax
.data
)) { s
.ajax
.data
= s
.ajax
.data
.call(this, obj
); }
1780 _parse_json : function (js
, obj
, is_callback
) {
1782 p
= this._get_settings(),
1784 t
= p
.core
.html_titles
,
1785 tmp
, i
, j
, ul1
, ul2
;
1787 if(!js
) { return d
; }
1788 if(s
.progressive_unload
&& obj
&& obj
!== -1) {
1789 obj
.data("jstree_children", d
);
1793 if(!js
.length
) { return false; }
1794 for(i
= 0, j
= js
.length
; i
< j
; i
++) {
1795 tmp
= this._parse_json(js
[i
], obj
, true);
1796 if(tmp
.length
) { d
= d
.add(tmp
); }
1800 if(typeof js
== "string") { js
= { data
: js
}; }
1801 if(!js
.data
&& js
.data
!== "") { return d
; }
1803 if(js
.attr
) { d
.attr(js
.attr
); }
1804 if(js
.metadata
) { d
.data(js
.metadata
); }
1805 if(js
.state
) { d
.addClass("jstree-" + js
.state
); }
1806 if(!$.isArray(js
.data
)) { tmp
= js
.data
; js
.data
= []; js
.data
.push(tmp
); }
1807 $.each(js
.data
, function (i
, m
) {
1809 if($.isFunction(m
)) { m
= m
.call(this, js
); }
1810 if(typeof m
== "string") { tmp
.attr('href','#')[ t
? "html" : "text" ](m
); }
1812 if(!m
.attr
) { m
.attr
= {}; }
1813 if(!m
.attr
.href
) { m
.attr
.href
= '#'; }
1814 tmp
.attr(m
.attr
)[ t
? "html" : "text" ](m
.title
);
1815 if(m
.language
) { tmp
.addClass(m
.language
); }
1817 tmp
.prepend("<ins class='jstree-icon'> </ins>");
1818 if(!m
.icon
&& js
.icon
) { m
.icon
= js
.icon
; }
1820 if(m
.icon
.indexOf("/") === -1) { tmp
.children("ins").addClass(m
.icon
); }
1821 else { tmp
.children("ins").css("background","url('" + m
.icon
+ "') center center no-repeat"); }
1825 d
.prepend("<ins class='jstree-icon'> </ins>");
1827 if(s
.progressive_render
&& js
.state
!== "open") {
1828 d
.addClass("jstree-closed").data("jstree_children", js
.children
);
1831 if(s
.progressive_unload
) { d
.data("jstree_children", js
.children
); }
1832 if($.isArray(js
.children
) && js
.children
.length
) {
1833 tmp
= this._parse_json(js
.children
, obj
, true);
1850 get_json : function (obj
, li_attr
, a_attr
, is_callback
) {
1852 s
= this._get_settings(),
1854 tmp1
, tmp2
, li
, a
, t
, lang
;
1855 obj
= this._get_node(obj
);
1856 if(!obj
|| obj
=== -1) { obj
= this.get_container().find("> ul > li"); }
1857 li_attr
= $.isArray(li_attr
) ? li_attr
: [ "id", "class" ];
1858 if(!is_callback
&& this.data
.types
) { li_attr
.push(s
.types
.type_attr
); }
1859 a_attr
= $.isArray(a_attr
) ? a_attr
: [ ];
1861 obj
.each(function () {
1863 tmp1
= { data
: [] };
1864 if(li_attr
.length
) { tmp1
.attr
= { }; }
1865 $.each(li_attr
, function (i
, v
) {
1867 if(tmp2
&& tmp2
.length
&& tmp2
.replace(/jstree[^ ]*/ig,'').length
) {
1868 tmp1
.attr
[v
] = (" " + tmp2
).replace(/ jstree
[^ ]*/ig
,'').replace(/\s
+$/ig," ").replace(/^ /,"").replace(/ $/,"");
1871 if(li
.hasClass("jstree-open")) { tmp1
.state
= "open"; }
1872 if(li
.hasClass("jstree-closed")) { tmp1
.state
= "closed"; }
1873 if(li
.data()) { tmp1
.metadata
= li
.data(); }
1874 a
= li
.children("a");
1875 a
.each(function () {
1879 $.inArray("languages", s
.plugins
) !== -1 ||
1880 t
.children("ins").get(0).style
.backgroundImage
.length
||
1881 (t
.children("ins").get(0).className
&& t
.children("ins").get(0).className
.replace(/jstree[^ ]*|$/ig,'').length
)
1884 if($.inArray("languages", s
.plugins
) !== -1 && $.isArray(s
.languages
) && s
.languages
.length
) {
1885 $.each(s
.languages
, function (l
, lv
) {
1886 if(t
.hasClass(lv
)) {
1892 tmp2
= { attr
: { }, title
: _this
.get_text(t
, lang
) };
1893 $.each(a_attr
, function (k
, z
) {
1894 tmp2
.attr
[z
] = (" " + (t
.attr(z
) || "")).replace(/ jstree
[^ ]*/ig
,'').replace(/\s
+$/ig," ").replace(/^ /,"").replace(/ $/,"");
1896 if($.inArray("languages", s
.plugins
) !== -1 && $.isArray(s
.languages
) && s
.languages
.length
) {
1897 $.each(s
.languages
, function (k
, z
) {
1898 if(t
.hasClass(z
)) { tmp2
.language
= z
; return true; }
1901 if(t
.children("ins").get(0).className
.replace(/jstree[^ ]*|$/ig,'').replace(/^\s+$/ig,"").length
) {
1902 tmp2
.icon
= t
.children("ins").get(0).className
.replace(/jstree[^ ]*|$/ig,'').replace(/\s+$/ig," ").replace(/^ /,"").replace(/ $/,"");
1904 if(t
.children("ins").get(0).style
.backgroundImage
.length
) {
1905 tmp2
.icon
= t
.children("ins").get(0).style
.backgroundImage
.replace("url(","").replace(")","");
1909 tmp2
= _this
.get_text(t
);
1911 if(a
.length
> 1) { tmp1
.data
.push(tmp2
); }
1912 else { tmp1
.data
= tmp2
; }
1914 li
= li
.find("> ul > li");
1915 if(li
.length
) { tmp1
.children
= _this
.get_json(li
, li_attr
, a_attr
, true); }
1926 * jsTree languages plugin
1927 * Adds support for multiple language versions in one tree
1928 * This basically allows for many titles coexisting in one node, but only one of them being visible at any given time
1929 * This is useful for maintaining the same structure in many languages (hence the name of the plugin)
1932 $.jstree
.plugin("languages", {
1933 __init : function () { this._load_css(); },
1936 set_lang : function (i
) {
1937 var langs
= this._get_settings().languages
,
1939 selector
= ".jstree-" + this.get_index() + ' a';
1940 if(!$.isArray(langs
) || langs
.length
=== 0) { return false; }
1941 if($.inArray(i
,langs
) == -1) {
1942 if(!!langs
[i
]) { i
= langs
[i
]; }
1943 else { return false; }
1945 if(i
== this.data
.languages
.current_language
) { return true; }
1946 st
= $.vakata
.css
.get_css(selector
+ "." + this.data
.languages
.current_language
, false, this.data
.languages
.language_css
);
1947 if(st
!== false) { st
.style
.display
= "none"; }
1948 st
= $.vakata
.css
.get_css(selector
+ "." + i
, false, this.data
.languages
.language_css
);
1949 if(st
!== false) { st
.style
.display
= ""; }
1950 this.data
.languages
.current_language
= i
;
1954 get_lang : function () {
1955 return this.data
.languages
.current_language
;
1957 _get_string : function (key
, lang
) {
1958 var langs
= this._get_settings().languages
,
1959 s
= this._get_settings().core
.strings
;
1960 if($.isArray(langs
) && langs
.length
) {
1961 lang
= (lang
&& $.inArray(lang
,langs
) != -1) ? lang
: this.data
.languages
.current_language
;
1963 if(s
[lang
] && s
[lang
][key
]) { return s
[lang
][key
]; }
1964 if(s
[key
]) { return s
[key
]; }
1967 get_text : function (obj
, lang
) {
1968 obj
= this._get_node(obj
) || this.data
.ui
.last_selected
;
1969 if(!obj
.size()) { return false; }
1970 var langs
= this._get_settings().languages
,
1971 s
= this._get_settings().core
.html_titles
;
1972 if($.isArray(langs
) && langs
.length
) {
1973 lang
= (lang
&& $.inArray(lang
,langs
) != -1) ? lang
: this.data
.languages
.current_language
;
1974 obj
= obj
.children("a." + lang
);
1976 else { obj
= obj
.children("a:eq(0)"); }
1979 obj
.children("INS").remove();
1983 obj
= obj
.contents().filter(function() { return this.nodeType
== 3; })[0];
1984 return obj
.nodeValue
;
1987 set_text : function (obj
, val
, lang
) {
1988 obj
= this._get_node(obj
) || this.data
.ui
.last_selected
;
1989 if(!obj
.size()) { return false; }
1990 var langs
= this._get_settings().languages
,
1991 s
= this._get_settings().core
.html_titles
,
1993 if($.isArray(langs
) && langs
.length
) {
1994 lang
= (lang
&& $.inArray(lang
,langs
) != -1) ? lang
: this.data
.languages
.current_language
;
1995 obj
= obj
.children("a." + lang
);
1997 else { obj
= obj
.children("a:eq(0)"); }
1999 tmp
= obj
.children("INS").clone();
2000 obj
.html(val
).prepend(tmp
);
2001 this.__callback({ "obj" : obj
, "name" : val
, "lang" : lang
});
2005 obj
= obj
.contents().filter(function() { return this.nodeType
== 3; })[0];
2006 this.__callback({ "obj" : obj
, "name" : val
, "lang" : lang
});
2007 return (obj
.nodeValue
= val
);
2010 _load_css : function () {
2011 var langs
= this._get_settings().languages
,
2012 str
= "/* languages css */",
2013 selector
= ".jstree-" + this.get_index() + ' a',
2015 if($.isArray(langs
) && langs
.length
) {
2016 this.data
.languages
.current_language
= langs
[0];
2017 for(ln
= 0; ln
< langs
.length
; ln
++) {
2018 str
+= selector
+ "." + langs
[ln
] + " {";
2019 if(langs
[ln
] != this.data
.languages
.current_language
) { str
+= " display:none; "; }
2022 this.data
.languages
.language_css
= $.vakata
.css
.add_sheet({ 'str' : str
, 'title' : "jstree-languages" });
2025 create_node : function (obj
, position
, js
, callback
) {
2026 var t
= this.__call_old(true, obj
, position
, js
, function (t
) {
2027 var langs
= this._get_settings().languages
,
2028 a
= t
.children("a"),
2030 if($.isArray(langs
) && langs
.length
) {
2031 for(ln
= 0; ln
< langs
.length
; ln
++) {
2032 if(!a
.is("." + langs
[ln
])) {
2033 t
.append(a
.eq(0).clone().removeClass(langs
.join(" ")).addClass(langs
[ln
]));
2036 a
.not("." + langs
.join(", .")).remove();
2038 if(callback
) { callback
.call(this, t
); }
2048 * jsTree cookies plugin
2049 * Stores the currently opened/selected nodes in a cookie and then restores them
2050 * Depends on the jquery.cookie plugin
2053 $.jstree
.plugin("cookies", {
2054 __init : function () {
2055 if(typeof $.cookie
=== "undefined") { throw "jsTree cookie: jQuery cookie plugin not included."; }
2057 var s
= this._get_settings().cookies
,
2059 if(!!s
.save_loaded
) {
2060 tmp
= $.cookie(s
.save_loaded
);
2061 if(tmp
&& tmp
.length
) { this.data
.core
.to_load
= tmp
.split(","); }
2063 if(!!s
.save_opened
) {
2064 tmp
= $.cookie(s
.save_opened
);
2065 if(tmp
&& tmp
.length
) { this.data
.core
.to_open
= tmp
.split(","); }
2067 if(!!s
.save_selected
) {
2068 tmp
= $.cookie(s
.save_selected
);
2069 if(tmp
&& tmp
.length
&& this.data
.ui
) { this.data
.ui
.to_select
= tmp
.split(","); }
2071 this.get_container()
2072 .one( ( this.data
.ui
? "reselect" : "reopen" ) + ".jstree", $.proxy(function () {
2073 this.get_container()
2074 .bind("open_node.jstree close_node.jstree select_node.jstree deselect_node.jstree", $.proxy(function (e
) {
2075 if(this._get_settings().cookies
.auto_save
) { this.save_cookie((e
.handleObj
.namespace + e
.handleObj
.type
).replace("jstree","")); }
2080 save_loaded
: "jstree_load",
2081 save_opened
: "jstree_open",
2082 save_selected
: "jstree_select",
2087 save_cookie : function (c
) {
2088 if(this.data
.core
.refreshing
) { return; }
2089 var s
= this._get_settings().cookies
;
2090 if(!c
) { // if called manually and not by event
2093 $.cookie(s
.save_loaded
, this.data
.core
.to_load
.join(","), s
.cookie_options
);
2097 $.cookie(s
.save_opened
, this.data
.core
.to_open
.join(","), s
.cookie_options
);
2099 if(s
.save_selected
&& this.data
.ui
) {
2100 this.save_selected();
2101 $.cookie(s
.save_selected
, this.data
.ui
.to_select
.join(","), s
.cookie_options
);
2108 if(!!s
.save_opened
) {
2110 $.cookie(s
.save_opened
, this.data
.core
.to_open
.join(","), s
.cookie_options
);
2112 if(!!s
.save_loaded
) {
2114 $.cookie(s
.save_loaded
, this.data
.core
.to_load
.join(","), s
.cookie_options
);
2118 case "deselect_node":
2119 if(!!s
.save_selected
&& this.data
.ui
) {
2120 this.save_selected();
2121 $.cookie(s
.save_selected
, this.data
.ui
.to_select
.join(","), s
.cookie_options
);
2128 // include cookies by default
2129 // $.jstree.defaults.plugins.push("cookies");
2134 * jsTree sort plugin
2135 * Sorts items alphabetically (or using any other function)
2138 $.jstree
.plugin("sort", {
2139 __init : function () {
2140 this.get_container()
2141 .bind("load_node.jstree", $.proxy(function (e
, data
) {
2142 var obj
= this._get_node(data
.rslt
.obj
);
2143 obj
= obj
=== -1 ? this.get_container().children("ul") : obj
.children("ul");
2146 .bind("rename_node.jstree create_node.jstree create.jstree", $.proxy(function (e
, data
) {
2147 this.sort(data
.rslt
.obj
.parent());
2149 .bind("move_node.jstree", $.proxy(function (e
, data
) {
2150 var m
= data
.rslt
.np
== -1 ? this.get_container() : data
.rslt
.np
;
2151 this.sort(m
.children("ul"));
2154 defaults : function (a
, b
) { return this.get_text(a
) > this.get_text(b
) ? 1 : -1; },
2156 sort : function (obj
) {
2157 var s
= this._get_settings().sort
,
2159 obj
.append($.makeArray(obj
.children("li")).sort($.proxy(s
, t
)));
2160 obj
.find("> li > ul").each(function() { t
.sort($(this)); });
2161 this.clean_node(obj
);
2170 * Drag and drop plugin for moving/copying nodes
2194 drag_start : function (e
, data
, html
) {
2195 if($.vakata
.dnd
.is_drag
) { $.vakata
.drag_stop({}); }
2197 e
.currentTarget
.unselectable
= "on";
2198 e
.currentTarget
.onselectstart = function() { return false; };
2199 if(e
.currentTarget
.style
) { e
.currentTarget
.style
.MozUserSelect
= "none"; }
2201 $.vakata
.dnd
.init_x
= e
.pageX
;
2202 $.vakata
.dnd
.init_y
= e
.pageY
;
2203 $.vakata
.dnd
.user_data
= data
;
2204 $.vakata
.dnd
.is_down
= true;
2205 $.vakata
.dnd
.helper
= $("<div id='vakata-dragged' />").html(html
); //.fadeTo(10,0.25);
2206 $(document
).bind("mousemove", $.vakata
.dnd
.drag
);
2207 $(document
).bind("mouseup", $.vakata
.dnd
.drag_stop
);
2210 drag : function (e
) {
2211 if(!$.vakata
.dnd
.is_down
) { return; }
2212 if(!$.vakata
.dnd
.is_drag
) {
2213 if(Math
.abs(e
.pageX
- $.vakata
.dnd
.init_x
) > 5 || Math
.abs(e
.pageY
- $.vakata
.dnd
.init_y
) > 5) {
2214 $.vakata
.dnd
.helper
.appendTo("body");
2215 $.vakata
.dnd
.is_drag
= true;
2216 $(document
).triggerHandler("drag_start.vakata", { "event" : e
, "data" : $.vakata
.dnd
.user_data
});
2221 // maybe use a scrolling parent element instead of document?
2222 if(e
.type
=== "mousemove") { // thought of adding scroll in order to move the helper, but mouse poisition is n/a
2223 var d
= $(document
), t
= d
.scrollTop(), l
= d
.scrollLeft();
2224 if(e
.pageY
- t
< 20) {
2225 if(sti
&& dir1
=== "down") { clearInterval(sti
); sti
= false; }
2226 if(!sti
) { dir1
= "up"; sti
= setInterval(function () { $(document
).scrollTop($(document
).scrollTop() - $.vakata
.dnd
.scroll_spd
); }, 150); }
2229 if(sti
&& dir1
=== "up") { clearInterval(sti
); sti
= false; }
2231 if($(window
).height() - (e
.pageY
- t
) < 20) {
2232 if(sti
&& dir1
=== "up") { clearInterval(sti
); sti
= false; }
2233 if(!sti
) { dir1
= "down"; sti
= setInterval(function () { $(document
).scrollTop($(document
).scrollTop() + $.vakata
.dnd
.scroll_spd
); }, 150); }
2236 if(sti
&& dir1
=== "down") { clearInterval(sti
); sti
= false; }
2239 if(e
.pageX
- l
< 20) {
2240 if(sli
&& dir2
=== "right") { clearInterval(sli
); sli
= false; }
2241 if(!sli
) { dir2
= "left"; sli
= setInterval(function () { $(document
).scrollLeft($(document
).scrollLeft() - $.vakata
.dnd
.scroll_spd
); }, 150); }
2244 if(sli
&& dir2
=== "left") { clearInterval(sli
); sli
= false; }
2246 if($(window
).width() - (e
.pageX
- l
) < 20) {
2247 if(sli
&& dir2
=== "left") { clearInterval(sli
); sli
= false; }
2248 if(!sli
) { dir2
= "right"; sli
= setInterval(function () { $(document
).scrollLeft($(document
).scrollLeft() + $.vakata
.dnd
.scroll_spd
); }, 150); }
2251 if(sli
&& dir2
=== "right") { clearInterval(sli
); sli
= false; }
2255 $.vakata
.dnd
.helper
.css({ left
: (e
.pageX
+ $.vakata
.dnd
.helper_left
) + "px", top
: (e
.pageY
+ $.vakata
.dnd
.helper_top
) + "px" });
2256 $(document
).triggerHandler("drag.vakata", { "event" : e
, "data" : $.vakata
.dnd
.user_data
});
2258 drag_stop : function (e
) {
2259 if(sli
) { clearInterval(sli
); }
2260 if(sti
) { clearInterval(sti
); }
2261 $(document
).unbind("mousemove", $.vakata
.dnd
.drag
);
2262 $(document
).unbind("mouseup", $.vakata
.dnd
.drag_stop
);
2263 $(document
).triggerHandler("drag_stop.vakata", { "event" : e
, "data" : $.vakata
.dnd
.user_data
});
2264 $.vakata
.dnd
.helper
.remove();
2265 $.vakata
.dnd
.init_x
= 0;
2266 $.vakata
.dnd
.init_y
= 0;
2267 $.vakata
.dnd
.user_data
= {};
2268 $.vakata
.dnd
.is_down
= false;
2269 $.vakata
.dnd
.is_drag
= false;
2273 var css_string
= '#vakata-dragged { display:block; margin:0 0 0 0; padding:4px 4px 4px 24px; position:absolute; top:-2000px; line-height:16px; z-index:10000; } ';
2274 $.vakata
.css
.add_sheet({ str
: css_string
, title
: "vakata" });
2277 $.jstree
.plugin("dnd", {
2278 __init : function () {
2296 this.get_container()
2297 .bind("mouseenter.jstree", $.proxy(function (e
) {
2298 if($.vakata
.dnd
.is_drag
&& $.vakata
.dnd
.user_data
.jstree
) {
2299 if(this.data
.themes
) {
2300 m
.attr("class", "jstree-" + this.data
.themes
.theme
);
2301 if(ml
) { ml
.attr("class", "jstree-" + this.data
.themes
.theme
); }
2302 $.vakata
.dnd
.helper
.attr("class", "jstree-dnd-helper jstree-" + this.data
.themes
.theme
);
2304 //if($(e.currentTarget).find("> ul > li").length === 0) {
2305 if(e
.currentTarget
=== e
.target
&& $.vakata
.dnd
.user_data
.obj
&& $($.vakata
.dnd
.user_data
.obj
).length
&& $($.vakata
.dnd
.user_data
.obj
).parents(".jstree:eq(0)")[0] !== e
.target
) { // node should not be from the same tree
2306 var tr
= $.jstree
._reference(e
.target
), dc
;
2307 if(tr
.data
.dnd
.foreign
) {
2308 dc
= tr
._get_settings().dnd
.drag_check
.call(this, { "o" : o
, "r" : tr
.get_container(), is_root
: true });
2309 if(dc
=== true || dc
.inside
=== true || dc
.before
=== true || dc
.after
=== true) {
2310 $.vakata
.dnd
.helper
.children("ins").attr("class","jstree-ok");
2314 tr
.prepare_move(o
, tr
.get_container(), "last");
2315 if(tr
.check_move()) {
2316 $.vakata
.dnd
.helper
.children("ins").attr("class","jstree-ok");
2322 .bind("mouseup.jstree", $.proxy(function (e
) {
2323 //if($.vakata.dnd.is_drag && $.vakata.dnd.user_data.jstree && $(e.currentTarget).find("> ul > li").length === 0) {
2324 if($.vakata
.dnd
.is_drag
&& $.vakata
.dnd
.user_data
.jstree
&& e
.currentTarget
=== e
.target
&& $.vakata
.dnd
.user_data
.obj
&& $($.vakata
.dnd
.user_data
.obj
).length
&& $($.vakata
.dnd
.user_data
.obj
).parents(".jstree:eq(0)")[0] !== e
.target
) { // node should not be from the same tree
2325 var tr
= $.jstree
._reference(e
.currentTarget
), dc
;
2326 if(tr
.data
.dnd
.foreign
) {
2327 dc
= tr
._get_settings().dnd
.drag_check
.call(this, { "o" : o
, "r" : tr
.get_container(), is_root
: true });
2328 if(dc
=== true || dc
.inside
=== true || dc
.before
=== true || dc
.after
=== true) {
2329 tr
._get_settings().dnd
.drag_finish
.call(this, { "o" : o
, "r" : tr
.get_container(), is_root
: true });
2333 tr
.move_node(o
, tr
.get_container(), "last", e
[tr
._get_settings().dnd
.copy_modifier
+ "Key"]);
2337 .bind("mouseleave.jstree", $.proxy(function (e
) {
2338 if(e
.relatedTarget
&& e
.relatedTarget
.id
&& e
.relatedTarget
.id
=== "jstree-marker-line") {
2341 if($.vakata
.dnd
.is_drag
&& $.vakata
.dnd
.user_data
.jstree
) {
2342 if(this.data
.dnd
.i1
) { clearInterval(this.data
.dnd
.i1
); }
2343 if(this.data
.dnd
.i2
) { clearInterval(this.data
.dnd
.i2
); }
2344 if(this.data
.dnd
.to1
) { clearTimeout(this.data
.dnd
.to1
); }
2345 if(this.data
.dnd
.to2
) { clearTimeout(this.data
.dnd
.to2
); }
2346 if($.vakata
.dnd
.helper
.children("ins").hasClass("jstree-ok")) {
2347 $.vakata
.dnd
.helper
.children("ins").attr("class","jstree-invalid");
2351 .bind("mousemove.jstree", $.proxy(function (e
) {
2352 if($.vakata
.dnd
.is_drag
&& $.vakata
.dnd
.user_data
.jstree
) {
2353 var cnt
= this.get_container()[0];
2355 // Horizontal scroll
2356 if(e
.pageX
+ 24 > this.data
.dnd
.cof
.left
+ this.data
.dnd
.cw
) {
2357 if(this.data
.dnd
.i1
) { clearInterval(this.data
.dnd
.i1
); }
2358 this.data
.dnd
.i1
= setInterval($.proxy(function () { this.scrollLeft
+= $.vakata
.dnd
.scroll_spd
; }, cnt
), 100);
2360 else if(e
.pageX
- 24 < this.data
.dnd
.cof
.left
) {
2361 if(this.data
.dnd
.i1
) { clearInterval(this.data
.dnd
.i1
); }
2362 this.data
.dnd
.i1
= setInterval($.proxy(function () { this.scrollLeft
-= $.vakata
.dnd
.scroll_spd
; }, cnt
), 100);
2365 if(this.data
.dnd
.i1
) { clearInterval(this.data
.dnd
.i1
); }
2369 if(e
.pageY
+ 24 > this.data
.dnd
.cof
.top
+ this.data
.dnd
.ch
) {
2370 if(this.data
.dnd
.i2
) { clearInterval(this.data
.dnd
.i2
); }
2371 this.data
.dnd
.i2
= setInterval($.proxy(function () { this.scrollTop
+= $.vakata
.dnd
.scroll_spd
; }, cnt
), 100);
2373 else if(e
.pageY
- 24 < this.data
.dnd
.cof
.top
) {
2374 if(this.data
.dnd
.i2
) { clearInterval(this.data
.dnd
.i2
); }
2375 this.data
.dnd
.i2
= setInterval($.proxy(function () { this.scrollTop
-= $.vakata
.dnd
.scroll_spd
; }, cnt
), 100);
2378 if(this.data
.dnd
.i2
) { clearInterval(this.data
.dnd
.i2
); }
2383 .bind("scroll.jstree", $.proxy(function (e
) {
2384 if($.vakata
.dnd
.is_drag
&& $.vakata
.dnd
.user_data
.jstree
&& m
&& ml
) {
2389 .delegate("a", "mousedown.jstree", $.proxy(function (e
) {
2391 this.start_drag(e
.currentTarget
, e
);
2395 .delegate("a", "mouseenter.jstree", $.proxy(function (e
) {
2396 if($.vakata
.dnd
.is_drag
&& $.vakata
.dnd
.user_data
.jstree
) {
2397 this.dnd_enter(e
.currentTarget
);
2400 .delegate("a", "mousemove.jstree", $.proxy(function (e
) {
2401 if($.vakata
.dnd
.is_drag
&& $.vakata
.dnd
.user_data
.jstree
) {
2402 if(!r
|| !r
.length
|| r
.children("a")[0] !== e
.currentTarget
) {
2403 this.dnd_enter(e
.currentTarget
);
2405 if(typeof this.data
.dnd
.off
.top
=== "undefined") { this.data
.dnd
.off
= $(e
.target
).offset(); }
2406 this.data
.dnd
.w
= (e
.pageY
- (this.data
.dnd
.off
.top
|| 0)) % this.data
.core
.li_height
;
2407 if(this.data
.dnd
.w
< 0) { this.data
.dnd
.w
+= this.data
.core
.li_height
; }
2411 .delegate("a", "mouseleave.jstree", $.proxy(function (e
) {
2412 if($.vakata
.dnd
.is_drag
&& $.vakata
.dnd
.user_data
.jstree
) {
2413 if(e
.relatedTarget
&& e
.relatedTarget
.id
&& e
.relatedTarget
.id
=== "jstree-marker-line") {
2417 if(ml
) { ml
.hide(); }
2419 var ec = $(e.currentTarget).closest("li"),
2420 er = $(e.relatedTarget).closest("li");
2421 if(er[0] !== ec.prev()[0] && er[0] !== ec.next()[0]) {
2423 if(ml) { ml.hide(); }
2426 this.data
.dnd
.mto
= setTimeout(
2427 (function (t
) { return function () { t
.dnd_leave(e
); }; })(this),
2431 .delegate("a", "mouseup.jstree", $.proxy(function (e
) {
2432 if($.vakata
.dnd
.is_drag
&& $.vakata
.dnd
.user_data
.jstree
) {
2438 .bind("drag_stop.vakata", $.proxy(function () {
2439 if(this.data
.dnd
.to1
) { clearTimeout(this.data
.dnd
.to1
); }
2440 if(this.data
.dnd
.to2
) { clearTimeout(this.data
.dnd
.to2
); }
2441 if(this.data
.dnd
.i1
) { clearInterval(this.data
.dnd
.i1
); }
2442 if(this.data
.dnd
.i2
) { clearInterval(this.data
.dnd
.i2
); }
2443 this.data
.dnd
.after
= false;
2444 this.data
.dnd
.before
= false;
2445 this.data
.dnd
.inside
= false;
2446 this.data
.dnd
.off
= false;
2447 this.data
.dnd
.prepared
= false;
2448 this.data
.dnd
.w
= false;
2449 this.data
.dnd
.to1
= false;
2450 this.data
.dnd
.to2
= false;
2451 this.data
.dnd
.i1
= false;
2452 this.data
.dnd
.i2
= false;
2453 this.data
.dnd
.active
= false;
2454 this.data
.dnd
.foreign
= false;
2455 if(m
) { m
.css({ "top" : "-2000px" }); }
2456 if(ml
) { ml
.css({ "top" : "-2000px" }); }
2458 .bind("drag_start.vakata", $.proxy(function (e
, data
) {
2459 if(data
.data
.jstree
) {
2460 var et
= $(data
.event
.target
);
2461 if(et
.closest(".jstree").hasClass("jstree-" + this.get_index())) {
2467 .bind("keydown.jstree-" + this.get_index() + " keyup.jstree-" + this.get_index(), $.proxy(function(e) {
2468 if($.vakata.dnd.is_drag && $.vakata.dnd.user_data.jstree && !this.data.dnd.foreign) {
2469 var h = $.vakata.dnd.helper.children("ins");
2470 if(e[this._get_settings().dnd.copy_modifier + "Key"] && h.hasClass("jstree-ok")) {
2471 h.parent().html(h.parent().html().replace(/ \(Copy\)$/, "") + " (Copy)");
2474 h.parent().html(h.parent().html().replace(/ \(Copy\)$/, ""));
2481 var s
= this._get_settings().dnd
;
2484 .delegate(s
.drag_target
, "mousedown.jstree-" + this.get_index(), $.proxy(function (e
) {
2486 $.vakata
.dnd
.drag_start(e
, { jstree
: true, obj
: e
.target
}, "<ins class='jstree-icon'></ins>" + $(e
.target
).text() );
2487 if(this.data
.themes
) {
2488 if(m
) { m
.attr("class", "jstree-" + this.data
.themes
.theme
); }
2489 if(ml
) { ml
.attr("class", "jstree-" + this.data
.themes
.theme
); }
2490 $.vakata
.dnd
.helper
.attr("class", "jstree-dnd-helper jstree-" + this.data
.themes
.theme
);
2492 $.vakata
.dnd
.helper
.children("ins").attr("class","jstree-invalid");
2493 var cnt
= this.get_container();
2494 this.data
.dnd
.cof
= cnt
.offset();
2495 this.data
.dnd
.cw
= parseInt(cnt
.width(),10);
2496 this.data
.dnd
.ch
= parseInt(cnt
.height(),10);
2497 this.data
.dnd
.foreign
= true;
2503 .delegate(s
.drop_target
, "mouseenter.jstree-" + this.get_index(), $.proxy(function (e
) {
2504 if(this.data
.dnd
.active
&& this._get_settings().dnd
.drop_check
.call(this, { "o" : o
, "r" : $(e
.target
), "e" : e
})) {
2505 $.vakata
.dnd
.helper
.children("ins").attr("class","jstree-ok");
2508 .delegate(s
.drop_target
, "mouseleave.jstree-" + this.get_index(), $.proxy(function (e
) {
2509 if(this.data
.dnd
.active
) {
2510 $.vakata
.dnd
.helper
.children("ins").attr("class","jstree-invalid");
2513 .delegate(s
.drop_target
, "mouseup.jstree-" + this.get_index(), $.proxy(function (e
) {
2514 if(this.data
.dnd
.active
&& $.vakata
.dnd
.helper
.children("ins").hasClass("jstree-ok")) {
2515 this._get_settings().dnd
.drop_finish
.call(this, { "o" : o
, "r" : $(e
.target
), "e" : e
});
2521 copy_modifier
: "ctrl",
2522 check_timeout
: 100,
2524 drop_target
: ".jstree-drop",
2525 drop_check : function (data
) { return true; },
2526 drop_finish
: $.noop
,
2527 drag_target
: ".jstree-draggable",
2528 drag_finish
: $.noop
,
2529 drag_check : function (data
) { return { after
: false, before
: false, inside
: true }; }
2532 dnd_prepare : function () {
2533 if(!r
|| !r
.length
) { return; }
2534 this.data
.dnd
.off
= r
.offset();
2535 if(this._get_settings().core
.rtl
) {
2536 this.data
.dnd
.off
.right
= this.data
.dnd
.off
.left
+ r
.width();
2538 if(this.data
.dnd
.foreign
) {
2539 var a
= this._get_settings().dnd
.drag_check
.call(this, { "o" : o
, "r" : r
});
2540 this.data
.dnd
.after
= a
.after
;
2541 this.data
.dnd
.before
= a
.before
;
2542 this.data
.dnd
.inside
= a
.inside
;
2543 this.data
.dnd
.prepared
= true;
2544 return this.dnd_show();
2546 this.prepare_move(o
, r
, "before");
2547 this.data
.dnd
.before
= this.check_move();
2548 this.prepare_move(o
, r
, "after");
2549 this.data
.dnd
.after
= this.check_move();
2550 if(this._is_loaded(r
)) {
2551 this.prepare_move(o
, r
, "inside");
2552 this.data
.dnd
.inside
= this.check_move();
2555 this.data
.dnd
.inside
= false;
2557 this.data
.dnd
.prepared
= true;
2558 return this.dnd_show();
2560 dnd_show : function () {
2561 if(!this.data
.dnd
.prepared
) { return; }
2562 var o
= ["before","inside","after"],
2564 rtl
= this._get_settings().core
.rtl
,
2566 if(this.data
.dnd
.w
< this.data
.core
.li_height
/3) { o
= ["before","inside","after"]; }
2567 else if(this.data
.dnd
.w
<= this.data
.core
.li_height
*2/3) {
2568 o
= this.data
.dnd
.w
< this.data
.core
.li_height
/2 ? ["inside","before","after"] : ["inside","after","before"];
2570 else { o
= ["after","inside","before"]; }
2571 $.each(o
, $.proxy(function (i
, val
) {
2572 if(this.data
.dnd
[val
]) {
2573 $.vakata
.dnd
.helper
.children("ins").attr("class","jstree-ok");
2578 if(r
=== false) { $.vakata
.dnd
.helper
.children("ins").attr("class","jstree-invalid"); }
2580 pos
= rtl
? (this.data
.dnd
.off
.right
- 18) : (this.data
.dnd
.off
.left
+ 10);
2583 m
.css({ "left" : pos
+ "px", "top" : (this.data
.dnd
.off
.top
- 6) + "px" }).show();
2584 if(ml
) { ml
.css({ "left" : (pos
+ 8) + "px", "top" : (this.data
.dnd
.off
.top
- 1) + "px" }).show(); }
2587 m
.css({ "left" : pos
+ "px", "top" : (this.data
.dnd
.off
.top
+ this.data
.core
.li_height
- 6) + "px" }).show();
2588 if(ml
) { ml
.css({ "left" : (pos
+ 8) + "px", "top" : (this.data
.dnd
.off
.top
+ this.data
.core
.li_height
- 1) + "px" }).show(); }
2591 m
.css({ "left" : pos
+ ( rtl
? -4 : 4) + "px", "top" : (this.data
.dnd
.off
.top
+ this.data
.core
.li_height
/2 - 5) + "px" }).show();
2592 if(ml
) { ml
.hide(); }
2596 if(ml
) { ml
.hide(); }
2602 dnd_open : function () {
2603 this.data
.dnd
.to2
= false;
2604 this.open_node(r
, $.proxy(this.dnd_prepare
,this), true);
2606 dnd_finish : function (e
) {
2607 if(this.data
.dnd
.foreign
) {
2608 if(this.data
.dnd
.after
|| this.data
.dnd
.before
|| this.data
.dnd
.inside
) {
2609 this._get_settings().dnd
.drag_finish
.call(this, { "o" : o
, "r" : r
, "p" : last_pos
});
2614 this.move_node(o
, r
, last_pos
, e
[this._get_settings().dnd
.copy_modifier
+ "Key"]);
2619 if(ml
) { ml
.hide(); }
2621 dnd_enter : function (obj
) {
2622 if(this.data
.dnd
.mto
) {
2623 clearTimeout(this.data
.dnd
.mto
);
2624 this.data
.dnd
.mto
= false;
2626 var s
= this._get_settings().dnd
;
2627 this.data
.dnd
.prepared
= false;
2628 r
= this._get_node(obj
);
2629 if(s
.check_timeout
) {
2630 // do the calculations after a minimal timeout (users tend to drag quickly to the desired location)
2631 if(this.data
.dnd
.to1
) { clearTimeout(this.data
.dnd
.to1
); }
2632 this.data
.dnd
.to1
= setTimeout($.proxy(this.dnd_prepare
, this), s
.check_timeout
);
2637 if(s
.open_timeout
) {
2638 if(this.data
.dnd
.to2
) { clearTimeout(this.data
.dnd
.to2
); }
2639 if(r
&& r
.length
&& r
.hasClass("jstree-closed")) {
2640 // if the node is closed - open it, then recalculate
2641 this.data
.dnd
.to2
= setTimeout($.proxy(this.dnd_open
, this), s
.open_timeout
);
2645 if(r
&& r
.length
&& r
.hasClass("jstree-closed")) {
2650 dnd_leave : function (e
) {
2651 this.data
.dnd
.after
= false;
2652 this.data
.dnd
.before
= false;
2653 this.data
.dnd
.inside
= false;
2654 $.vakata
.dnd
.helper
.children("ins").attr("class","jstree-invalid");
2656 if(ml
) { ml
.hide(); }
2657 if(r
&& r
[0] === e
.target
.parentNode
) {
2658 if(this.data
.dnd
.to1
) {
2659 clearTimeout(this.data
.dnd
.to1
);
2660 this.data
.dnd
.to1
= false;
2662 if(this.data
.dnd
.to2
) {
2663 clearTimeout(this.data
.dnd
.to2
);
2664 this.data
.dnd
.to2
= false;
2668 start_drag : function (obj
, e
) {
2669 o
= this._get_node(obj
);
2670 if(this.data
.ui
&& this.is_selected(o
)) { o
= this._get_node(null, true); }
2671 var dt
= o
.length
> 1 ? this._get_string("multiple_selection") : this.get_text(o
),
2672 cnt
= this.get_container();
2673 if(!this._get_settings().core
.html_titles
) { dt
= dt
.replace(/</ig,"<").replace(/>/ig
,">"); }
2674 $.vakata
.dnd
.drag_start(e
, { jstree
: true, obj
: o
}, "<ins class='jstree-icon'></ins>" + dt
);
2675 if(this.data
.themes
) {
2676 if(m
) { m
.attr("class", "jstree-" + this.data
.themes
.theme
); }
2677 if(ml
) { ml
.attr("class", "jstree-" + this.data
.themes
.theme
); }
2678 $.vakata
.dnd
.helper
.attr("class", "jstree-dnd-helper jstree-" + this.data
.themes
.theme
);
2680 this.data
.dnd
.cof
= cnt
.offset();
2681 this.data
.dnd
.cw
= parseInt(cnt
.width(),10);
2682 this.data
.dnd
.ch
= parseInt(cnt
.height(),10);
2683 this.data
.dnd
.active
= true;
2688 var css_string
= '' +
2689 '#vakata-dragged ins { display:block; text-decoration:none; width:16px; height:16px; margin:0 0 0 0; padding:0; position:absolute; top:4px; left:4px; ' +
2690 ' -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; ' +
2692 '#vakata-dragged .jstree-ok { background:green; } ' +
2693 '#vakata-dragged .jstree-invalid { background:red; } ' +
2694 '#jstree-marker { padding:0; margin:0; font-size:12px; overflow:hidden; height:12px; width:8px; position:absolute; top:-30px; z-index:10001; background-repeat:no-repeat; display:none; background-color:transparent; text-shadow:1px 1px 1px white; color:black; line-height:10px; } ' +
2695 '#jstree-marker-line { padding:0; margin:0; line-height:0%; font-size:1px; overflow:hidden; height:1px; width:100px; position:absolute; top:-30px; z-index:10000; background-repeat:no-repeat; display:none; background-color:#456c43; ' +
2696 ' cursor:pointer; border:1px solid #eeeeee; border-left:0; -moz-box-shadow: 0px 0px 2px #666; -webkit-box-shadow: 0px 0px 2px #666; box-shadow: 0px 0px 2px #666; ' +
2697 ' -moz-border-radius:1px; border-radius:1px; -webkit-border-radius:1px; ' +
2700 $.vakata
.css
.add_sheet({ str
: css_string
, title
: "jstree" });
2701 m
= $("<div />").attr({ id
: "jstree-marker" }).hide().html("»")
2702 .bind("mouseleave mouseenter", function (e
) {
2706 e
.stopImmediatePropagation();
2710 ml
= $("<div />").attr({ id
: "jstree-marker-line" }).hide()
2711 .bind("mouseup", function (e
) {
2713 r
.children("a").trigger(e
);
2715 e
.stopImmediatePropagation();
2719 .bind("mouseleave", function (e
) {
2720 var rt
= $(e
.relatedTarget
);
2721 if(rt
.is(".jstree") || rt
.closest(".jstree").length
=== 0) {
2723 r
.children("a").trigger(e
);
2727 e
.stopImmediatePropagation();
2733 $(document
).bind("drag_start.vakata", function (e
, data
) {
2734 if(data
.data
.jstree
) { m
.show(); if(ml
) { ml
.show(); } }
2736 $(document
).bind("drag_stop.vakata", function (e
, data
) {
2737 if(data
.data
.jstree
) { m
.hide(); if(ml
) { ml
.hide(); } }
2744 * jsTree checkbox plugin
2745 * Inserts checkboxes in front of every node
2746 * Depends on the ui plugin
2747 * DOES NOT WORK NICELY WITH MULTITREE DRAG'N'DROP
2750 $.jstree
.plugin("checkbox", {
2751 __init : function () {
2752 this.data
.checkbox
.noui
= this._get_settings().checkbox
.override_ui
;
2753 if(this.data
.ui
&& this.data
.checkbox
.noui
) {
2754 this.select_node
= this.deselect_node
= this.deselect_all
= $.noop
;
2755 this.get_selected
= this.get_checked
;
2758 this.get_container()
2759 .bind("open_node.jstree create_node.jstree clean_node.jstree refresh.jstree", $.proxy(function (e
, data
) {
2760 this._prepare_checkboxes(data
.rslt
.obj
);
2762 .bind("loaded.jstree", $.proxy(function (e
) {
2763 this._prepare_checkboxes();
2765 .delegate( (this.data
.ui
&& this.data
.checkbox
.noui
? "a" : "ins.jstree-checkbox") , "click.jstree", $.proxy(function (e
) {
2767 if(this._get_node(e
.target
).hasClass("jstree-checked")) { this.uncheck_node(e
.target
); }
2768 else { this.check_node(e
.target
); }
2769 if(this.data
.ui
&& this.data
.checkbox
.noui
) {
2770 this.save_selected();
2771 if(this.data
.cookies
) { this.save_cookie("select_node"); }
2774 e
.stopImmediatePropagation();
2780 override_ui
: false,
2782 real_checkboxes
: false,
2783 checked_parent_open
: true,
2784 real_checkboxes_names : function (n
) { return [ ("check_" + (n
[0].id
|| Math
.ceil(Math
.random() * 10000))) , 1]; }
2786 __destroy : function () {
2787 this.get_container()
2788 .find("input.jstree-real-checkbox").removeClass("jstree-real-checkbox").end()
2789 .find("ins.jstree-checkbox").remove();
2792 _checkbox_notify : function (n
, data
) {
2794 this.check_node(n
, false);
2797 _prepare_checkboxes : function (obj
) {
2798 obj
= !obj
|| obj
== -1 ? this.get_container().find("> ul > li") : this._get_node(obj
);
2799 if(obj
=== false) { return; } // added for removing root nodes
2800 var c
, _this
= this, t
, ts
= this._get_settings().checkbox
.two_state
, rc
= this._get_settings().checkbox
.real_checkboxes
, rcn
= this._get_settings().checkbox
.real_checkboxes_names
;
2801 obj
.each(function () {
2803 c
= t
.is("li") && (t
.hasClass("jstree-checked") || (rc
&& t
.children(":checked").length
)) ? "jstree-checked" : "jstree-unchecked";
2804 t
.find("li").andSelf().each(function () {
2805 var $t
= $(this), nm
;
2806 $t
.children("a" + (_this
.data
.languages
? "" : ":eq(0)") ).not(":has(.jstree-checkbox)").prepend("<ins class='jstree-checkbox'> </ins>").parent().not(".jstree-checked, .jstree-unchecked").addClass( ts
? "jstree-unchecked" : c
);
2808 if(!$t
.children(":checkbox").length
) {
2809 nm
= rcn
.call(_this
, $t
);
2810 $t
.prepend("<input type='checkbox' class='jstree-real-checkbox' id='" + nm
[0] + "' name='" + nm
[0] + "' value='" + nm
[1] + "' />");
2813 $t
.children(":checkbox").addClass("jstree-real-checkbox");
2817 if(c
=== "jstree-checked" || $t
.hasClass("jstree-checked") || $t
.children(':checked').length
) {
2818 $t
.find("li").andSelf().addClass("jstree-checked").children(":checkbox").prop("checked", true);
2822 if($t
.hasClass("jstree-checked") || $t
.children(':checked').length
) {
2823 $t
.addClass("jstree-checked").children(":checkbox").prop("checked", true);
2829 obj
.find(".jstree-checked").parent().parent().each(function () { _this
._repair_state(this); });
2832 change_state : function (obj
, state
) {
2833 obj
= this._get_node(obj
);
2834 var coll
= false, rc
= this._get_settings().checkbox
.real_checkboxes
;
2835 if(!obj
|| obj
=== -1) { return false; }
2836 state
= (state
=== false || state
=== true) ? state
: obj
.hasClass("jstree-checked");
2837 if(this._get_settings().checkbox
.two_state
) {
2839 obj
.removeClass("jstree-checked").addClass("jstree-unchecked");
2840 if(rc
) { obj
.children(":checkbox").prop("checked", false); }
2843 obj
.removeClass("jstree-unchecked").addClass("jstree-checked");
2844 if(rc
) { obj
.children(":checkbox").prop("checked", true); }
2849 coll
= obj
.find("li").andSelf();
2850 if(!coll
.filter(".jstree-checked, .jstree-undetermined").length
) { return false; }
2851 coll
.removeClass("jstree-checked jstree-undetermined").addClass("jstree-unchecked");
2852 if(rc
) { coll
.children(":checkbox").prop("checked", false); }
2855 coll
= obj
.find("li").andSelf();
2856 if(!coll
.filter(".jstree-unchecked, .jstree-undetermined").length
) { return false; }
2857 coll
.removeClass("jstree-unchecked jstree-undetermined").addClass("jstree-checked");
2858 if(rc
) { coll
.children(":checkbox").prop("checked", true); }
2859 if(this.data
.ui
) { this.data
.ui
.last_selected
= obj
; }
2860 this.data
.checkbox
.last_selected
= obj
;
2862 obj
.parentsUntil(".jstree", "li").each(function () {
2863 var $this = $(this);
2865 if($this.children("ul").children("li.jstree-checked, li.jstree-undetermined").length
) {
2866 $this.parentsUntil(".jstree", "li").andSelf().removeClass("jstree-checked jstree-unchecked").addClass("jstree-undetermined");
2867 if(rc
) { $this.parentsUntil(".jstree", "li").andSelf().children(":checkbox").prop("checked", false); }
2871 $this.removeClass("jstree-checked jstree-undetermined").addClass("jstree-unchecked");
2872 if(rc
) { $this.children(":checkbox").prop("checked", false); }
2876 if($this.children("ul").children("li.jstree-unchecked, li.jstree-undetermined").length
) {
2877 $this.parentsUntil(".jstree", "li").andSelf().removeClass("jstree-checked jstree-unchecked").addClass("jstree-undetermined");
2878 if(rc
) { $this.parentsUntil(".jstree", "li").andSelf().children(":checkbox").prop("checked", false); }
2882 $this.removeClass("jstree-unchecked jstree-undetermined").addClass("jstree-checked");
2883 if(rc
) { $this.children(":checkbox").prop("checked", true); }
2888 if(this.data
.ui
&& this.data
.checkbox
.noui
) { this.data
.ui
.selected
= this.get_checked(); }
2889 this.__callback(obj
);
2892 check_node : function (obj
) {
2893 if(this.change_state(obj
, false)) {
2894 obj
= this._get_node(obj
);
2895 if(this._get_settings().checkbox
.checked_parent_open
) {
2897 obj
.parents(".jstree-closed").each(function () { t
.open_node(this, false, true); });
2899 this.__callback({ "obj" : obj
});
2902 uncheck_node : function (obj
) {
2903 if(this.change_state(obj
, true)) { this.__callback({ "obj" : this._get_node(obj
) }); }
2905 check_all : function () {
2907 coll
= this._get_settings().checkbox
.two_state
? this.get_container_ul().find("li") : this.get_container_ul().children("li");
2908 coll
.each(function () {
2909 _this
.change_state(this, false);
2913 uncheck_all : function () {
2915 coll
= this._get_settings().checkbox
.two_state
? this.get_container_ul().find("li") : this.get_container_ul().children("li");
2916 coll
.each(function () {
2917 _this
.change_state(this, true);
2922 is_checked : function(obj
) {
2923 obj
= this._get_node(obj
);
2924 return obj
.length
? obj
.is(".jstree-checked") : false;
2926 get_checked : function (obj
, get_all
) {
2927 obj
= !obj
|| obj
=== -1 ? this.get_container() : this._get_node(obj
);
2928 return get_all
|| this._get_settings().checkbox
.two_state
? obj
.find(".jstree-checked") : obj
.find("> ul > .jstree-checked, .jstree-undetermined > ul > .jstree-checked");
2930 get_unchecked : function (obj
, get_all
) {
2931 obj
= !obj
|| obj
=== -1 ? this.get_container() : this._get_node(obj
);
2932 return get_all
|| this._get_settings().checkbox
.two_state
? obj
.find(".jstree-unchecked") : obj
.find("> ul > .jstree-unchecked, .jstree-undetermined > ul > .jstree-unchecked");
2935 show_checkboxes : function () { this.get_container().children("ul").removeClass("jstree-no-checkboxes"); },
2936 hide_checkboxes : function () { this.get_container().children("ul").addClass("jstree-no-checkboxes"); },
2938 _repair_state : function (obj
) {
2939 obj
= this._get_node(obj
);
2940 if(!obj
.length
) { return; }
2941 if(this._get_settings().checkbox
.two_state
) {
2942 obj
.find('li').andSelf().not('.jstree-checked').removeClass('jstree-undetermined').addClass('jstree-unchecked').children(':checkbox').prop('checked', true);
2945 var rc
= this._get_settings().checkbox
.real_checkboxes
,
2946 a
= obj
.find("> ul > .jstree-checked").length
,
2947 b
= obj
.find("> ul > .jstree-undetermined").length
,
2948 c
= obj
.find("> ul > li").length
;
2949 if(c
=== 0) { if(obj
.hasClass("jstree-undetermined")) { this.change_state(obj
, false); } }
2950 else if(a
=== 0 && b
=== 0) { this.change_state(obj
, true); }
2951 else if(a
=== c
) { this.change_state(obj
, false); }
2953 obj
.parentsUntil(".jstree","li").andSelf().removeClass("jstree-checked jstree-unchecked").addClass("jstree-undetermined");
2954 if(rc
) { obj
.parentsUntil(".jstree", "li").andSelf().children(":checkbox").prop("checked", false); }
2957 reselect : function () {
2958 if(this.data
.ui
&& this.data
.checkbox
.noui
) {
2960 s
= this.data
.ui
.to_select
;
2961 s
= $.map($.makeArray(s
), function (n
) { return "#" + n
.toString().replace(/^#/,"").replace(/\\\//g,"/").replace(/\//g,"\\\/").replace(/\\\./g,".").replace(/\./g,"\\.").replace(/\:/g,"\\:"); });
2962 this.deselect_all();
2963 $.each(s
, function (i
, val
) { _this
.check_node(val
); });
2970 save_loaded : function () {
2972 this.data
.core
.to_load
= [];
2973 this.get_container_ul().find("li.jstree-closed.jstree-undetermined").each(function () {
2974 if(this.id
) { _this
.data
.core
.to_load
.push("#" + this.id
); }
2980 var css_string
= '.jstree .jstree-real-checkbox { display:none; } ';
2981 $.vakata
.css
.add_sheet({ str
: css_string
, title
: "jstree" });
2988 * The XML data store. Datastores are build by overriding the `load_node` and `_is_loaded` functions.
2991 $.vakata
.xslt = function (xml
, xsl
, callback
) {
2992 var rs
= "", xm
, xs
, processor
, support
;
2993 // TODO: IE9 no XSLTProcessor, no document.recalc
2994 if(document
.recalc
) {
2995 xm
= document
.createElement('xml');
2996 xs
= document
.createElement('xml');
2999 $("body").append(xm
).append(xs
);
3000 setTimeout( (function (xm
, xs
, callback
) {
3001 return function () {
3002 callback
.call(null, xm
.transformNode(xs
.XMLDocument
));
3003 setTimeout( (function (xm
, xs
) { return function () { $(xm
).remove(); $(xs
).remove(); }; })(xm
, xs
), 200);
3005 })(xm
, xs
, callback
), 100);
3008 if(typeof window
.DOMParser
!== "undefined" && typeof window
.XMLHttpRequest
!== "undefined" && typeof window
.XSLTProcessor
=== "undefined") {
3009 xml
= new DOMParser().parseFromString(xml
, "text/xml");
3010 xsl
= new DOMParser().parseFromString(xsl
, "text/xml");
3011 // alert(xml.transformNode());
3012 // callback.call(null, new XMLSerializer().serializeToString(rs));
3015 if(typeof window
.DOMParser
!== "undefined" && typeof window
.XMLHttpRequest
!== "undefined" && typeof window
.XSLTProcessor
!== "undefined") {
3016 processor
= new XSLTProcessor();
3017 support
= $.isFunction(processor
.transformDocument
) ? (typeof window
.XMLSerializer
!== "undefined") : true;
3018 if(!support
) { return false; }
3019 xml
= new DOMParser().parseFromString(xml
, "text/xml");
3020 xsl
= new DOMParser().parseFromString(xsl
, "text/xml");
3021 if($.isFunction(processor
.transformDocument
)) {
3022 rs
= document
.implementation
.createDocument("", "", null);
3023 processor
.transformDocument(xml
, xsl
, rs
, null);
3024 callback
.call(null, new XMLSerializer().serializeToString(rs
));
3028 processor
.importStylesheet(xsl
);
3029 rs
= processor
.transformToFragment(xml
, document
);
3030 callback
.call(null, $("<div />").append(rs
).html());
3037 'nest' : '<' + '?xml version="1.0" encoding="utf-8" ?>' +
3038 '<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" >' +
3039 '<xsl:output method="html" encoding="utf-8" omit-xml-declaration="yes" standalone="no" indent="no" media-type="text/html" />' +
3040 '<xsl:template match="/">' +
3041 ' <xsl:call-template name="nodes">' +
3042 ' <xsl:with-param name="node" select="/root" />' +
3043 ' </xsl:call-template>' +
3045 '<xsl:template name="nodes">' +
3046 ' <xsl:param name="node" />' +
3048 ' <xsl:for-each select="$node/item">' +
3049 ' <xsl:variable name="children" select="count(./item) > 0" />' +
3051 ' <xsl:attribute name="class">' +
3052 ' <xsl:if test="position() = last()">jstree-last </xsl:if>' +
3054 ' <xsl:when test="@state = \'open\'">jstree-open </xsl:when>' +
3055 ' <xsl:when test="$children or @hasChildren or @state = \'closed\'">jstree-closed </xsl:when>' +
3056 ' <xsl:otherwise>jstree-leaf </xsl:otherwise>' +
3058 ' <xsl:value-of select="@class" />' +
3059 ' </xsl:attribute>' +
3060 ' <xsl:for-each select="@*">' +
3061 ' <xsl:if test="name() != \'class\' and name() != \'state\' and name() != \'hasChildren\'">' +
3062 ' <xsl:attribute name="{name()}"><xsl:value-of select="." /></xsl:attribute>' +
3064 ' </xsl:for-each>' +
3065 ' <ins class="jstree-icon"><xsl:text> </xsl:text></ins>' +
3066 ' <xsl:for-each select="content/name">' +
3068 ' <xsl:attribute name="href">' +
3070 ' <xsl:when test="@href"><xsl:value-of select="@href" /></xsl:when>' +
3071 ' <xsl:otherwise>#</xsl:otherwise>' +
3073 ' </xsl:attribute>' +
3074 ' <xsl:attribute name="class"><xsl:value-of select="@lang" /> <xsl:value-of select="@class" /></xsl:attribute>' +
3075 ' <xsl:attribute name="style"><xsl:value-of select="@style" /></xsl:attribute>' +
3076 ' <xsl:for-each select="@*">' +
3077 ' <xsl:if test="name() != \'style\' and name() != \'class\' and name() != \'href\'">' +
3078 ' <xsl:attribute name="{name()}"><xsl:value-of select="." /></xsl:attribute>' +
3080 ' </xsl:for-each>' +
3082 ' <xsl:attribute name="class">jstree-icon ' +
3083 ' <xsl:if test="string-length(attribute::icon) > 0 and not(contains(@icon,\'/\'))"><xsl:value-of select="@icon" /></xsl:if>' +
3084 ' </xsl:attribute>' +
3085 ' <xsl:if test="string-length(attribute::icon) > 0 and contains(@icon,\'/\')"><xsl:attribute name="style">background:url(<xsl:value-of select="@icon" />) center center no-repeat;</xsl:attribute></xsl:if>' +
3086 ' <xsl:text> </xsl:text>' +
3088 ' <xsl:copy-of select="./child::node()" />' +
3090 ' </xsl:for-each>' +
3091 ' <xsl:if test="$children or @hasChildren"><xsl:call-template name="nodes"><xsl:with-param name="node" select="current()" /></xsl:call-template></xsl:if>' +
3093 ' </xsl:for-each>' +
3096 '</xsl:stylesheet>',
3098 'flat' : '<' + '?xml version="1.0" encoding="utf-8" ?>' +
3099 '<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" >' +
3100 '<xsl:output method="html" encoding="utf-8" omit-xml-declaration="yes" standalone="no" indent="no" media-type="text/xml" />' +
3101 '<xsl:template match="/">' +
3103 ' <xsl:for-each select="//item[not(@parent_id) or @parent_id=0 or not(@parent_id = //item/@id)]">' + /* the last `or` may be removed */
3104 ' <xsl:call-template name="nodes">' +
3105 ' <xsl:with-param name="node" select="." />' +
3106 ' <xsl:with-param name="is_last" select="number(position() = last())" />' +
3107 ' </xsl:call-template>' +
3108 ' </xsl:for-each>' +
3111 '<xsl:template name="nodes">' +
3112 ' <xsl:param name="node" />' +
3113 ' <xsl:param name="is_last" />' +
3114 ' <xsl:variable name="children" select="count(//item[@parent_id=$node/attribute::id]) > 0" />' +
3116 ' <xsl:attribute name="class">' +
3117 ' <xsl:if test="$is_last = true()">jstree-last </xsl:if>' +
3119 ' <xsl:when test="@state = \'open\'">jstree-open </xsl:when>' +
3120 ' <xsl:when test="$children or @hasChildren or @state = \'closed\'">jstree-closed </xsl:when>' +
3121 ' <xsl:otherwise>jstree-leaf </xsl:otherwise>' +
3123 ' <xsl:value-of select="@class" />' +
3124 ' </xsl:attribute>' +
3125 ' <xsl:for-each select="@*">' +
3126 ' <xsl:if test="name() != \'parent_id\' and name() != \'hasChildren\' and name() != \'class\' and name() != \'state\'">' +
3127 ' <xsl:attribute name="{name()}"><xsl:value-of select="." /></xsl:attribute>' +
3129 ' </xsl:for-each>' +
3130 ' <ins class="jstree-icon"><xsl:text> </xsl:text></ins>' +
3131 ' <xsl:for-each select="content/name">' +
3133 ' <xsl:attribute name="href">' +
3135 ' <xsl:when test="@href"><xsl:value-of select="@href" /></xsl:when>' +
3136 ' <xsl:otherwise>#</xsl:otherwise>' +
3138 ' </xsl:attribute>' +
3139 ' <xsl:attribute name="class"><xsl:value-of select="@lang" /> <xsl:value-of select="@class" /></xsl:attribute>' +
3140 ' <xsl:attribute name="style"><xsl:value-of select="@style" /></xsl:attribute>' +
3141 ' <xsl:for-each select="@*">' +
3142 ' <xsl:if test="name() != \'style\' and name() != \'class\' and name() != \'href\'">' +
3143 ' <xsl:attribute name="{name()}"><xsl:value-of select="." /></xsl:attribute>' +
3145 ' </xsl:for-each>' +
3147 ' <xsl:attribute name="class">jstree-icon ' +
3148 ' <xsl:if test="string-length(attribute::icon) > 0 and not(contains(@icon,\'/\'))"><xsl:value-of select="@icon" /></xsl:if>' +
3149 ' </xsl:attribute>' +
3150 ' <xsl:if test="string-length(attribute::icon) > 0 and contains(@icon,\'/\')"><xsl:attribute name="style">background:url(<xsl:value-of select="@icon" />) center center no-repeat;</xsl:attribute></xsl:if>' +
3151 ' <xsl:text> </xsl:text>' +
3153 ' <xsl:copy-of select="./child::node()" />' +
3155 ' </xsl:for-each>' +
3156 ' <xsl:if test="$children">' +
3158 ' <xsl:for-each select="//item[@parent_id=$node/attribute::id]">' +
3159 ' <xsl:call-template name="nodes">' +
3160 ' <xsl:with-param name="node" select="." />' +
3161 ' <xsl:with-param name="is_last" select="number(position() = last())" />' +
3162 ' </xsl:call-template>' +
3163 ' </xsl:for-each>' +
3170 escape_xml = function(string
) {
3173 .replace(/&/g
, '&')
3174 .replace(/</g
, '<')
3175 .replace(/>/g
, '>')
3176 .replace(/"/g, '"')
3177 .replace(/'/g, ''');
3179 $.jstree.plugin("xml_data
", {
3185 correct_state : true,
3186 get_skip_empty : false,
3187 get_include_preamble : true
3190 load_node : function (obj, s_call, e_call) { var _this = this; this.load_node_xml(obj, function () { _this.__callback({ "obj
" : _this._get_node(obj) }); s_call.call(this); }, e_call); },
3191 _is_loaded : function (obj) {
3192 var s = this._get_settings().xml_data;
3193 obj = this._get_node(obj);
3194 return obj == -1 || !obj || (!s.ajax && !$.isFunction(s.data)) || obj.is(".jstree
-open
, .jstree
-leaf
") || obj.children("ul
").children("li
").size() > 0;
3196 load_node_xml : function (obj, s_call, e_call) {
3197 var s = this.get_settings().xml_data,
3198 error_func = function () {},
3199 success_func = function () {};
3201 obj = this._get_node(obj);
3202 if(obj && obj !== -1) {
3203 if(obj.data("jstree_is_loading
")) { return; }
3204 else { obj.data("jstree_is_loading
",true); }
3207 case (!s.data && !s.ajax): throw "Neither data nor ajax settings supplied
.";
3208 case ($.isFunction(s.data)):
3209 s.data.call(this, obj, $.proxy(function (d) {
3210 this.parse_xml(d, $.proxy(function (d) {
3212 d = d.replace(/ ?xmlns="[^"]*"/ig
, "");
3215 if(obj
=== -1 || !obj
) { this.get_container().children("ul").empty().append(d
.children()); }
3216 else { obj
.children("a.jstree-loading").removeClass("jstree-loading"); obj
.append(d
); obj
.removeData("jstree_is_loading"); }
3217 if(s
.clean_node
) { this.clean_node(obj
); }
3218 if(s_call
) { s_call
.call(this); }
3221 if(obj
&& obj
!== -1) {
3222 obj
.children("a.jstree-loading").removeClass("jstree-loading");
3223 obj
.removeData("jstree_is_loading");
3224 if(s
.correct_state
) {
3225 this.correct_state(obj
);
3226 if(s_call
) { s_call
.call(this); }
3230 if(s
.correct_state
) {
3231 this.get_container().children("ul").empty();
3232 if(s_call
) { s_call
.call(this); }
3240 case (!!s
.data
&& !s
.ajax
) || (!!s
.data
&& !!s
.ajax
&& (!obj
|| obj
=== -1)):
3241 if(!obj
|| obj
== -1) {
3242 this.parse_xml(s
.data
, $.proxy(function (d
) {
3244 d
= d
.replace(/ ?xmlns
="[^"]*"/ig, "");
3247 this.get_container().children("ul
").empty().append(d.children());
3248 if(s.clean_node) { this.clean_node(obj); }
3249 if(s_call) { s_call.call(this); }
3253 if(s.correct_state) {
3254 this.get_container().children("ul
").empty();
3255 if(s_call) { s_call.call(this); }
3261 case (!s.data && !!s.ajax) || (!!s.data && !!s.ajax && obj && obj !== -1):
3262 error_func = function (x, t, e) {
3263 var ef = this.get_settings().xml_data.ajax.error;
3264 if(ef) { ef.call(this, x, t, e); }
3265 if(obj !== -1 && obj.length) {
3266 obj.children("a
.jstree
-loading
").removeClass("jstree
-loading
");
3267 obj.removeData("jstree_is_loading
");
3268 if(t === "success
" && s.correct_state) { this.correct_state(obj); }
3271 if(t === "success
" && s.correct_state) { this.get_container().children("ul
").empty(); }
3273 if(e_call) { e_call.call(this); }
3275 success_func = function (d, t, x) {
3277 var sf = this.get_settings().xml_data.ajax.success;
3278 if(sf) { d = sf.call(this,d,t,x) || d; }
3279 if(d === "" || (d && d.toString && d.toString().replace(/^[\s\n]+$/,"") === "")) {
3280 return error_func.call(this, x, t, "");
3282 this.parse_xml(d, $.proxy(function (d) {
3284 d = d.replace(/ ?xmlns="[^"]*"/ig
, "");
3287 if(obj
=== -1 || !obj
) { this.get_container().children("ul").empty().append(d
.children()); }
3288 else { obj
.children("a.jstree-loading").removeClass("jstree-loading"); obj
.append(d
); obj
.removeData("jstree_is_loading"); }
3289 if(s
.clean_node
) { this.clean_node(obj
); }
3290 if(s_call
) { s_call
.call(this); }
3293 if(obj
&& obj
!== -1) {
3294 obj
.children("a.jstree-loading").removeClass("jstree-loading");
3295 obj
.removeData("jstree_is_loading");
3296 if(s
.correct_state
) {
3297 this.correct_state(obj
);
3298 if(s_call
) { s_call
.call(this); }
3302 if(s
.correct_state
) {
3303 this.get_container().children("ul").empty();
3304 if(s_call
) { s_call
.call(this); }
3311 s
.ajax
.context
= this;
3312 s
.ajax
.error
= error_func
;
3313 s
.ajax
.success
= success_func
;
3314 if(!s
.ajax
.dataType
) { s
.ajax
.dataType
= "xml"; }
3315 if($.isFunction(s
.ajax
.url
)) { s
.ajax
.url
= s
.ajax
.url
.call(this, obj
); }
3316 if($.isFunction(s
.ajax
.data
)) { s
.ajax
.data
= s
.ajax
.data
.call(this, obj
); }
3321 parse_xml : function (xml
, callback
) {
3322 var s
= this._get_settings().xml_data
;
3323 $.vakata
.xslt(xml
, xsl
[s
.xsl
], callback
);
3325 get_xml : function (tp
, obj
, li_attr
, a_attr
, is_callback
) {
3327 s
= this._get_settings(),
3329 tmp1
, tmp2
, li
, a
, lang
;
3330 if(!tp
) { tp
= "flat"; }
3331 if(!is_callback
) { is_callback
= 0; }
3332 obj
= this._get_node(obj
);
3333 if(!obj
|| obj
=== -1) { obj
= this.get_container().find("> ul > li"); }
3334 li_attr
= $.isArray(li_attr
) ? li_attr
: [ "id", "class" ];
3335 if(!is_callback
&& this.data
.types
&& $.inArray(s
.types
.type_attr
, li_attr
) === -1) { li_attr
.push(s
.types
.type_attr
); }
3337 a_attr
= $.isArray(a_attr
) ? a_attr
: [ ];
3340 if(s
.xml_data
.get_include_preamble
) {
3341 result
+= '<' + '?xml version="1.0" encoding="UTF-8"?' + '>';
3345 obj
.each(function () {
3348 $.each(li_attr
, function (i
, v
) {
3350 if(!s
.xml_data
.get_skip_empty
|| typeof t
!== "undefined") {
3351 result
+= " " + v
+ "=\"" + escape_xml((" " + (t
|| "")).replace(/ jstree
[^ ]*/ig
,'').replace(/\s
+$/ig," ").replace(/^ /,"").replace(/ $/,"")) + "\"";
3354 if(li
.hasClass("jstree-open")) { result
+= " state=\"open\""; }
3355 if(li
.hasClass("jstree-closed")) { result
+= " state=\"closed\""; }
3356 if(tp
=== "flat") { result
+= " parent_id=\"" + escape_xml(is_callback
) + "\""; }
3358 result
+= "<content>";
3359 a
= li
.children("a");
3360 a
.each(function () {
3364 if($.inArray("languages", s
.plugins
) !== -1) {
3365 $.each(s
.languages
, function (k
, z
) {
3366 if(tmp1
.hasClass(z
)) { result
+= " lang=\"" + escape_xml(z
) + "\""; lang
= z
; return false; }
3370 $.each(a_attr
, function (k
, z
) {
3371 var t
= tmp1
.attr(z
);
3372 if(!s
.xml_data
.get_skip_empty
|| typeof t
!== "undefined") {
3373 result
+= " " + z
+ "=\"" + escape_xml((" " + t
|| "").replace(/ jstree
[^ ]*/ig
,'').replace(/\s
+$/ig," ").replace(/^ /,"").replace(/ $/,"")) + "\"";
3377 if(tmp1
.children("ins").get(0).className
.replace(/jstree[^ ]*|$/ig,'').replace(/^\s+$/ig,"").length
) {
3378 result
+= ' icon="' + escape_xml(tmp1
.children("ins").get(0).className
.replace(/jstree[^ ]*|$/ig,'').replace(/\s+$/ig," ").replace(/^ /,"").replace(/ $/,"")) + '"';
3380 if(tmp1
.children("ins").get(0).style
.backgroundImage
.length
) {
3381 result
+= ' icon="' + escape_xml(tmp1
.children("ins").get(0).style
.backgroundImage
.replace("url(","").replace(")","").replace(/'/ig,"").replace(/"/ig,"")) + '"';
3384 result += "<![CDATA[" + _this.get_text(tmp1, lang) + "]]>";
3385 result += "</name>";
3387 result += "</content>";
3388 tmp2 = li[0].id || true;
3389 li = li.find("> ul > li");
3390 if(li.length) { tmp2 = _this.get_xml(tp, li, li_attr, a_attr, tmp2); }
3392 if(tp == "nest") { result += tmp2; }
3393 result += "</item>";
3394 if(tp == "flat") { result += tmp2; }
3396 if(!is_callback) { result += "</root>"; }
3405 * jsTree search plugin
3406 * Enables both sync and async search on the tree
3407 * DOES NOT WORK WITH JSON PROGRESSIVE RENDER
3410 $.expr[':'].jstree_contains = function(a,i,m){
3411 return (a.textContent || a.innerText || "").toLowerCase().indexOf(m[3].toLowerCase())>=0;
3413 $.expr[':'].jstree_title_contains = function(a,i,m) {
3414 return (a.getAttribute("title") || "").toLowerCase().indexOf(m[3].toLowerCase())>=0;
3416 $.jstree.plugin("search", {
3417 __init : function () {
3418 this.data.search.str = "";
3419 this.data.search.result = $();
3420 if(this._get_settings().search.show_only_matches) {
3421 this.get_container()
3422 .bind("search.jstree", function (e, data) {
3423 $(this).children("ul").find("li").hide().removeClass("jstree-last");
3424 data.rslt.nodes.parentsUntil(".jstree").andSelf().show()
3425 .filter("ul").each(function () { $(this).children("li:visible").eq(-1).addClass("jstree-last"); });
3427 .bind("clear_search.jstree", function () {
3428 $(this).children("ul").find("li").css("display","").end().end().jstree("clean_node", -1);
3434 search_method : "jstree_contains", // for case insensitive - jstree_contains
3435 show_only_matches : false
3438 search : function (str, skip_async) {
3439 if($.trim(str) === "") { this.clear_search(); return; }
3440 var s = this.get_settings().search,
3442 error_func = function () { },
3443 success_func = function () { };
3444 this.data.search.str = str;
3446 if(!skip_async && s.ajax !== false && this.get_container_ul().find("li.jstree-closed:not(:has(ul)):eq(0)").length > 0) {
3447 this.search.supress_callback = true;
3448 error_func = function () { };
3449 success_func = function (d, t, x) {
3450 var sf = this.get_settings().search.ajax.success;
3451 if(sf) { d = sf.call(this,d,t,x) || d; }
3452 this.data.search.to_open = d;
3453 this._search_open();
3455 s.ajax.context = this;
3456 s.ajax.error = error_func;
3457 s.ajax.success = success_func;
3458 if($.isFunction(s.ajax.url)) { s.ajax.url = s.ajax.url.call(this, str); }
3459 if($.isFunction(s.ajax.data)) { s.ajax.data = s.ajax.data.call(this, str); }
3460 if(!s.ajax.data) { s.ajax.data = { "search_string" : str }; }
3461 if(!s.ajax.dataType || /^json/.exec(s.ajax.dataType)) { s.ajax.dataType = "json"; }
3465 if(this.data.search.result.length) { this.clear_search(); }
3466 this.data.search.result = this.get_container().find("a" + (this.data.languages ? "." + this.get_lang() : "" ) + ":" + (s.search_method) + "(" + this.data.search.str + ")");
3467 this.data.search.result.addClass("jstree-search").parent().parents(".jstree-closed").each(function () {
3468 t.open_node(this, false, true);
3470 this.__callback({ nodes : this.data.search.result, str : str });
3472 clear_search : function (str) {
3473 this.data.search.result.removeClass("jstree-search");
3474 this.__callback(this.data.search.result);
3475 this.data.search.result = $();
3477 _search_open : function (is_callback) {
3482 if(this.data.search.to_open.length) {
3483 $.each(this.data.search.to_open, function (i, val) {
3484 if(val == "#") { return true; }
3485 if($(val).length && $(val).is(".jstree-closed")) { current.push(val); }
3486 else { remaining.push(val); }
3488 if(current.length) {
3489 this.data.search.to_open = remaining;
3490 $.each(current, function (i, val) {
3491 _this.open_node(val, function () { _this._search_open(true); });
3496 if(done) { this.search(this.data.search.str, true); }
3504 * jsTree contextmenu plugin
3507 $.vakata.context = {
3508 hide_on_mouseleave : false,
3510 cnt : $("<div id='vakata
-contextmenu
' />"),
3517 show : function (s, t, x, y, d, p, rtl) {
3518 $.vakata.context.rtl = !!rtl;
3519 var html = $.vakata.context.parse(s), h, w;
3520 if(!html) { return; }
3521 $.vakata.context.vis = true;
3522 $.vakata.context.tgt = t;
3523 $.vakata.context.par = p || t || null;
3524 $.vakata.context.data = d || null;
3525 $.vakata.context.cnt
3527 .css({ "visibility" : "hidden", "display" : "block", "left" : 0, "top" : 0 });
3529 if($.vakata.context.hide_on_mouseleave) {
3530 $.vakata.context.cnt
3531 .one("mouseleave", function(e) { $.vakata.context.hide(); });
3534 h = $.vakata.context.cnt.height();
3535 w = $.vakata.context.cnt.width();
3536 if(x + w > $(document).width()) {
3537 x = $(document).width() - (w + 5);
3538 $.vakata.context.cnt.find("li > ul").addClass("right");
3540 if(y + h > $(document).height()) {
3541 y = y - (h + t[0].offsetHeight);
3542 $.vakata.context.cnt.find("li > ul").addClass("bottom");
3545 $.vakata.context.cnt
3546 .css({ "left" : x, "top" : y })
3548 .bind("mouseenter", function (e) {
3549 var w = $(document).width(),
3550 h = $(document).height(),
3551 ul = $(this).children("ul").show();
3552 if(w !== $(document).width()) { ul.toggleClass("right"); }
3553 if(h !== $(document).height()) { ul.toggleClass("bottom"); }
3555 .bind("mouseleave", function (e) {
3556 $(this).children("ul").hide();
3559 .css({ "visibility" : "visible" })
3561 $(document).triggerHandler("context_show.vakata");
3563 hide : function () {
3564 $.vakata.context.vis = false;
3565 $.vakata.context.cnt.attr("class","").css({ "visibility" : "hidden" });
3566 $(document).triggerHandler("context_hide.vakata");
3568 parse : function (s, is_callback) {
3569 if(!s) { return false; }
3573 if(!is_callback) { $.vakata.context.func = {}; }
3575 $.each(s, function (i, val) {
3576 if(!val) { return true; }
3577 $.vakata.context.func[i] = val.action;
3578 if(!was_sep && val.separator_before) {
3579 str += "<li class='vakata
-separator vakata
-separator
-before
'></li>";
3582 str += "<li class='" + (val._class || "") + (val._disabled ? " jstree
-contextmenu
-disabled
" : "") + "'><ins ";
3583 if(val.icon && val.icon.indexOf("/") === -1) { str += " class='" + val.icon + "' "; }
3584 if(val.icon && val.icon.indexOf("/") !== -1) { str += " style='background
:url(" + val.icon + ") center center no
-repeat
;' "; }
3585 str += "> </ins><a href='#' rel='" + i + "'>";
3587 str += "<span style='float:" + ($.vakata.context.rtl ? "left
" : "right
") + ";'>»</span>";
3589 str += val.label + "</a>";
3591 tmp = $.vakata.context.parse(val.submenu, true);
3592 if(tmp) { str += tmp; }
3595 if(val.separator_after) {
3596 str += "<li class='vakata
-separator vakata
-separator
-after
'></li>";
3600 str = str.replace(/<li class\='vakata
-separator vakata
-separator
-after
'\><\/li\>$/,"");
3602 $(document).triggerHandler("context_parse.vakata");
3603 return str.length > 10 ? str : false;
3605 exec : function (i) {
3606 if($.isFunction($.vakata.context.func[i])) {
3607 // if is string - eval and call it!
3608 $.vakata.context.func[i].call($.vakata.context.data, $.vakata.context.par);
3611 else { return false; }
3615 var css_string = '' +
3616 '#vakata
-contextmenu
{ display
:block
; visibility
:hidden
; left
:0; top
:-200px
; position
:absolute
; margin
:0; padding
:0; min
-width
:180px
; background
:#ebebeb
; border
:1px solid silver
; z
-index
:10000; *width
:180px
; } ' +
3617 '#vakata
-contextmenu ul
{ min
-width
:180px
; *width
:180px
; } ' +
3618 '#vakata
-contextmenu ul
, #vakata
-contextmenu li
{ margin
:0; padding
:0; list
-style
-type
:none
; display
:block
; } ' +
3619 '#vakata
-contextmenu li
{ line
-height
:20px
; min
-height
:20px
; position
:relative
; padding
:0px
; } ' +
3620 '#vakata
-contextmenu li a
{ padding
:1px
6px
; line
-height
:17px
; display
:block
; text
-decoration
:none
; margin
:1px
1px
0 1px
; } ' +
3621 '#vakata
-contextmenu li ins
{ float:left
; width
:16px
; height
:16px
; text
-decoration
:none
; margin
-right
:2px
; } ' +
3622 '#vakata
-contextmenu li a
:hover
, #vakata
-contextmenu li
.vakata
-hover
> a
{ background
:gray
; color
:white
; } ' +
3623 '#vakata
-contextmenu li ul
{ display
:none
; position
:absolute
; top
:-2px
; left
:100%; background
:#ebebeb
; border
:1px solid gray
; } ' +
3624 '#vakata
-contextmenu
.right
{ right
:100%; left
:auto
; } ' +
3625 '#vakata
-contextmenu
.bottom
{ bottom
:-1px
; top
:auto
; } ' +
3626 '#vakata
-contextmenu li
.vakata
-separator
{ min
-height
:0; height
:1px
; line
-height
:1px
; font
-size
:1px
; overflow
:hidden
; margin
:0 2px
; background
:silver
; /* border-top:1px solid #fefefe; */ padding
:0; } ';
3627 $.vakata.css.add_sheet({ str : css_string, title : "vakata" });
3628 $.vakata.context.cnt
3629 .delegate("a","click", function (e) { e.preventDefault(); })
3630 .delegate("a","mouseup", function (e) {
3631 if(!$(this).parent().hasClass("jstree-contextmenu-disabled") && $.vakata.context.exec($(this).attr("rel"))) {
3632 $.vakata.context.hide();
3634 else { $(this).blur(); }
3636 .delegate("a","mouseover", function () {
3637 $.vakata.context.cnt.find(".vakata-hover").removeClass("vakata-hover");
3640 $(document).bind("mousedown", function (e) { if($.vakata.context.vis && !$.contains($.vakata.context.cnt[0], e.target)) { $.vakata.context.hide(); } });
3641 if(typeof $.hotkeys !== "undefined") {
3643 .bind("keydown", "up", function (e) {
3644 if($.vakata.context.vis) {
3645 var o = $.vakata.context.cnt.find("ul:visible").last().children(".vakata-hover").removeClass("vakata-hover").prevAll("li:not(.vakata-separator)").first();
3646 if(!o.length) { o = $.vakata.context.cnt.find("ul:visible").last().children("li:not(.vakata-separator)").last(); }
3647 o.addClass("vakata-hover");
3648 e.stopImmediatePropagation();
3652 .bind("keydown", "down", function (e) {
3653 if($.vakata.context.vis) {
3654 var o = $.vakata.context.cnt.find("ul:visible").last().children(".vakata-hover").removeClass("vakata-hover").nextAll("li:not(.vakata-separator)").first();
3655 if(!o.length) { o = $.vakata.context.cnt.find("ul:visible").last().children("li:not(.vakata-separator)").first(); }
3656 o.addClass("vakata-hover");
3657 e.stopImmediatePropagation();
3661 .bind("keydown", "right", function (e) {
3662 if($.vakata.context.vis) {
3663 $.vakata.context.cnt.find(".vakata-hover").children("ul").show().children("li:not(.vakata-separator)").removeClass("vakata-hover").first().addClass("vakata-hover");
3664 e.stopImmediatePropagation();
3668 .bind("keydown", "left", function (e) {
3669 if($.vakata.context.vis) {
3670 $.vakata.context.cnt.find(".vakata-hover").children("ul").hide().children(".vakata-separator").removeClass("vakata-hover");
3671 e.stopImmediatePropagation();
3675 .bind("keydown", "esc", function (e) {
3676 $.vakata.context.hide();
3679 .bind("keydown", "space", function (e) {
3680 $.vakata.context.cnt.find(".vakata-hover").last().children("a").click();
3686 $.jstree.plugin("contextmenu", {
3687 __init : function () {
3688 this.get_container()
3689 .delegate("a", "contextmenu.jstree", $.proxy(function (e) {
3691 if(!$(e.currentTarget).hasClass("jstree-loading")) {
3692 this.show_contextmenu(e.currentTarget, e.pageX, e.pageY);
3695 .delegate("a", "click.jstree", $.proxy(function (e) {
3696 if(this.data.contextmenu) {
3697 $.vakata.context.hide();
3700 .bind("destroy.jstree", $.proxy(function () {
3701 // TODO: move this to descruct method
3702 if(this.data.contextmenu) {
3703 $.vakata.context.hide();
3706 $(document).bind("context_hide.vakata", $.proxy(function () { this.data.contextmenu = false; }, this));
3709 select_node : false, // requires UI plugin
3710 show_at_node : true,
3711 items : { // Could be a function that should return an object like this one
3713 "separator_before" : false,
3714 "separator_after" : true,
3716 "action" : function (obj) { this.create(obj); }
3719 "separator_before" : false,
3720 "separator_after" : false,
3722 "action" : function (obj) { this.rename(obj); }
3725 "separator_before" : false,
3727 "separator_after" : false,
3729 "action" : function (obj) { if(this.is_selected(obj)) { this.remove(); } else { this.remove(obj); } }
3732 "separator_before" : true,
3734 "separator_after" : false,
3739 "separator_before" : false,
3740 "separator_after" : false,
3742 "action" : function (obj) { this.cut(obj); }
3745 "separator_before" : false,
3747 "separator_after" : false,
3749 "action" : function (obj) { this.copy(obj); }
3752 "separator_before" : false,
3754 "separator_after" : false,
3756 "action" : function (obj) { this.paste(obj); }
3763 show_contextmenu : function (obj, x, y) {
3764 obj = this._get_node(obj);
3765 var s = this.get_settings().contextmenu,
3766 a = obj.children("a:visible:eq(0)"),
3769 if(s.select_node && this.data.ui && !this.is_selected(obj)) {
3770 this.deselect_all();
3771 this.select_node(obj, true);
3773 if(s.show_at_node || typeof x === "undefined" || typeof y === "undefined") {
3776 y = o.top + this.data.core.li_height;
3778 i = obj.data("jstree") && obj.data("jstree").contextmenu ? obj.data("jstree").contextmenu : s.items;
3779 if($.isFunction(i)) { i = i.call(this, obj); }
3780 this.data.contextmenu = true;
3781 $.vakata.context.show(i, a, x, y, this, obj, this._get_settings().core.rtl);
3782 if(this.data.themes) { $.vakata.context.cnt.attr("class", "jstree-" + this.data.themes.theme + "-context"); }
3790 * jsTree types plugin
3791 * Adds support types of nodes
3792 * You can set an attribute on each li node, that represents its type.
3793 * According to the type setting the node may get custom icon/validation rules
3796 $.jstree.plugin("types", {
3797 __init : function () {
3798 var s = this._get_settings().types;
3799 this.data.types.attach_to = [];
3800 this.get_container()
3801 .bind("init.jstree", $.proxy(function () {
3802 var types = s.types,
3807 $.each(types, function (i, tp) {
3808 $.each(tp, function (k, v) {
3809 if(!/^(max_depth|max_children|icon|valid_children)$/.test(k)) { _this.data.types.attach_to.push(k); }
3811 if(!tp.icon) { return true; }
3812 if( tp.icon.image || tp.icon.position) {
3813 if(i == "default") { icons_css += '.jstree
-' + _this.get_index() + ' a
> .jstree
-icon
{ '; }
3814 else { icons_css += '.jstree
-' + _this.get_index() + ' li
[' + attr + '="' + i + '"] > a
> .jstree
-icon
{ '; }
3815 if(tp.icon.image) { icons_css += ' background
-image
:url(' + tp.icon.image + '); '; }
3816 if(tp.icon.position){ icons_css += ' background
-position
:' + tp.icon.position + '; '; }
3817 else { icons_css += ' background
-position
:0 0; '; }
3821 if(icons_css !== "") { $.vakata.css.add_sheet({ 'str
' : icons_css, title : "jstree-types" }); }
3823 .bind("before.jstree", $.proxy(function (e, data) {
3825 o = this._get_settings().types.use_data ? this._get_node(data.args[0]) : false,
3826 d = o && o !== -1 && o.length ? o.data("jstree") : false;
3827 if(d && d.types && d.types[data.func] === false) { e.stopImmediatePropagation(); return false; }
3828 if($.inArray(data.func, this.data.types.attach_to) !== -1) {
3829 if(!data.args[0] || (!data.args[0].tagName && !data.args[0].jquery)) { return; }
3830 s = this._get_settings().types.types;
3831 t = this._get_type(data.args[0]);
3834 (s[t] && typeof s[t][data.func] !== "undefined") ||
3835 (s["default"] && typeof s["default"][data.func] !== "undefined")
3836 ) && this._check(data.func, data.args[0]) === false
3838 e.stopImmediatePropagation();
3844 this.get_container()
3845 .bind("load_node.jstree set_type.jstree", $.proxy(function (e, data) {
3846 var r = data && data.rslt && data.rslt.obj && data.rslt.obj !== -1 ? this._get_node(data.rslt.obj).parent() : this.get_container_ul(),
3848 s = this._get_settings().types;
3849 $.each(s.types, function (i, tp) {
3850 if(tp.icon && (tp.icon.image || tp.icon.position)) {
3851 c = i === "default" ? r.find("li > a > .jstree-icon") : r.find("li[" + s.type_attr + "='" + i + "'] > a > .jstree-icon");
3852 if(tp.icon.image) { c.css("backgroundImage","url(" + tp.icon.image + ")"); }
3853 c.css("backgroundPosition", tp.icon.position || "0 0");
3860 // defines maximum number of root nodes (-1 means unlimited, -2 means disable max_children checking)
3862 // defines the maximum depth of the tree (-1 means unlimited, -2 means disable max_depth checking)
3864 // defines valid node types for the root nodes
3865 valid_children : "all",
3867 // whether to use $.data
3869 // where is the type stores (the rel attribute of the LI element)
3875 "max_children" : -1,
3877 "valid_children": "all"
3879 // Bound functions - you can bind any other function here (using boolean or function)
3880 //"select_node" : true
3885 _types_notify : function (n, data) {
3886 if(data.type && this._get_settings().types.use_data) {
3887 this.set_type(data.type, n);
3890 _get_type : function (obj) {
3891 obj = this._get_node(obj);
3892 return (!obj || !obj.length) ? false : obj.attr(this._get_settings().types.type_attr) || "default";
3894 set_type : function (str, obj) {
3895 obj = this._get_node(obj);
3896 var ret = (!obj.length || !str) ? false : obj.attr(this._get_settings().types.type_attr, str);
3897 if(ret) { this.__callback({ obj : obj, type : str}); }
3900 _check : function (rule, obj, opts) {
3901 obj = this._get_node(obj);
3902 var v = false, t = this._get_type(obj), d = 0, _this = this, s = this._get_settings().types, data = false;
3904 if(!!s[rule]) { v = s[rule]; }
3908 if(t === false) { return; }
3909 data = s.use_data ? obj.data("jstree") : false;
3910 if(data && data.types && typeof data.types[rule] !== "undefined") { v = data.types[rule]; }
3911 else if(!!s.types[t] && typeof s.types[t][rule] !== "undefined") { v = s.types[t][rule]; }
3912 else if(!!s.types["default"] && typeof s.types["default"][rule] !== "undefined") { v = s.types["default"][rule]; }
3914 if($.isFunction(v)) { v = v.call(this, obj); }
3915 if(rule === "max_depth" && obj !== -1 && opts !== false && s.max_depth !== -2 && v !== 0) {
3916 // also include the node itself - otherwise if root node it is not checked
3917 obj.children("a:eq(0)").parentsUntil(".jstree","li").each(function (i) {
3918 // check if current depth already exceeds global tree depth
3919 if(s.max_depth !== -1 && s.max_depth - (i + 1) <= 0) { v = 0; return false; }
3920 d = (i === 0) ? v : _this._check(rule, this, false);
3921 // check if current node max depth is already matched or exceeded
3922 if(d !== -1 && d - (i + 1) <= 0) { v = 0; return false; }
3923 // otherwise - set the max depth to the current value minus current depth
3924 if(d >= 0 && (d - (i + 1) < v || v < 0) ) { v = d - (i + 1); }
3925 // if the global tree depth exists and it minus the nodes calculated so far is less than `v` or `v` is unlimited
3926 if(s.max_depth >= 0 && (s.max_depth - (i + 1) < v || v < 0) ) { v = s.max_depth - (i + 1); }
3931 check_move : function () {
3932 if(!this.__call_old()) { return false; }
3933 var m = this._get_move(),
3934 s = m.rt._get_settings().types,
3935 mc = m.rt._check("max_children", m.cr),
3936 md = m.rt._check("max_depth", m.cr),
3937 vc = m.rt._check("valid_children", m.cr),
3940 if(vc === "none") { return false; }
3941 if($.isArray(vc) && m.ot && m.ot._get_type) {
3942 m.o.each(function () {
3943 if($.inArray(m.ot._get_type(this), vc) === -1) { d = false; return false; }
3945 if(d === false) { return false; }
3947 if(s.max_children !== -2 && mc !== -1) {
3948 ch = m.cr === -1 ? this.get_container().find("> ul > li").not(m.o).length : m.cr.find("> ul > li").not(m.o).length;
3949 if(ch + m.o.length > mc) { return false; }
3951 if(s.max_depth !== -2 && md !== -1) {
3953 if(md === 0) { return false; }
3954 if(typeof m.o.d === "undefined") {
3955 // TODO: deal with progressive rendering and async when checking max_depth (how to know the depth of the moved node)
3957 while(t.length > 0) {
3958 t = t.find("> ul > li");
3963 if(md - m.o.d < 0) { return false; }
3967 create_node : function (obj, position, js, callback, is_loaded, skip_check) {
3968 if(!skip_check && (is_loaded || this._is_loaded(obj))) {
3969 var p = (typeof position == "string" && position.match(/^before|after$/i) && obj !== -1) ? this._get_parent(obj) : this._get_node(obj),
3970 s = this._get_settings().types,
3971 mc = this._check("max_children", p),
3972 md = this._check("max_depth", p),
3973 vc = this._check("valid_children", p),
3975 if(typeof js === "string") { js = { data : js }; }
3976 if(!js) { js = {}; }
3977 if(vc === "none") { return false; }
3979 if(!js.attr || !js.attr[s.type_attr]) {
3980 if(!js.attr) { js.attr = {}; }
3981 js.attr[s.type_attr] = vc[0];
3984 if($.inArray(js.attr[s.type_attr], vc) === -1) { return false; }
3987 if(s.max_children !== -2 && mc !== -1) {
3988 ch = p === -1 ? this.get_container().find("> ul > li").length : p.find("> ul > li").length;
3989 if(ch + 1 > mc) { return false; }
3991 if(s.max_depth !== -2 && md !== -1 && (md - 1) < 0) { return false; }
3993 return this.__call_old(true, obj, position, js, callback, is_loaded, skip_check);
4001 * jsTree HTML plugin
4002 * The HTML data store. Datastores are build by replacing the `load_node` and `_is_loaded` functions.
4005 $.jstree.plugin("html_data", {
4006 __init : function () {
4007 // this used to use html() and clean the whitespace, but this way any attached data was lost
4008 this.data.html_data.original_container_html = this.get_container().find(" > ul > li").clone(true);
4009 // remove white space from LI node - otherwise nodes appear a bit to the right
4010 this.data.html_data.original_container_html.find("li").andSelf().contents().filter(function() { return this.nodeType == 3; }).remove();
4015 correct_state : true
4018 load_node : function (obj, s_call, e_call) { var _this = this; this.load_node_html(obj, function () { _this.__callback({ "obj" : _this._get_node(obj) }); s_call.call(this); }, e_call); },
4019 _is_loaded : function (obj) {
4020 obj = this._get_node(obj);
4021 return obj == -1 || !obj || (!this._get_settings().html_data.ajax && !$.isFunction(this._get_settings().html_data.data)) || obj.is(".jstree-open, .jstree-leaf") || obj.children("ul").children("li").size() > 0;
4023 load_node_html : function (obj, s_call, e_call) {
4025 s = this.get_settings().html_data,
4026 error_func = function () {},
4027 success_func = function () {};
4028 obj = this._get_node(obj);
4029 if(obj && obj !== -1) {
4030 if(obj.data("jstree_is_loading")) { return; }
4031 else { obj.data("jstree_is_loading",true); }
4034 case ($.isFunction(s.data)):
4035 s.data.call(this, obj, $.proxy(function (d) {
4036 if(d && d !== "" && d.toString && d.toString().replace(/^[\s\n]+$/,"") !== "") {
4038 if(!d.is("ul")) { d = $("<ul />").append(d); }
4039 if(obj == -1 || !obj) { this.get_container().children("ul").empty().append(d.children()).find("li, a").filter(function () { return !this.firstChild || !this.firstChild.tagName || this.firstChild.tagName !== "INS"; }).prepend("<ins class='jstree
-icon
'> </ins>").end().filter("a").children("ins:first-child").not(".jstree-icon").addClass("jstree-icon"); }
4040 else { obj.children("a.jstree-loading").removeClass("jstree-loading"); obj.append(d).children("ul").find("li, a").filter(function () { return !this.firstChild || !this.firstChild.tagName || this.firstChild.tagName !== "INS"; }).prepend("<ins class='jstree
-icon
'> </ins>").end().filter("a").children("ins:first-child").not(".jstree-icon").addClass("jstree-icon"); obj.removeData("jstree_is_loading"); }
4041 this.clean_node(obj);
4042 if(s_call) { s_call.call(this); }
4045 if(obj && obj !== -1) {
4046 obj.children("a.jstree-loading").removeClass("jstree-loading");
4047 obj.removeData("jstree_is_loading");
4048 if(s.correct_state) {
4049 this.correct_state(obj);
4050 if(s_call) { s_call.call(this); }
4054 if(s.correct_state) {
4055 this.get_container().children("ul").empty();
4056 if(s_call) { s_call.call(this); }
4062 case (!s.data && !s.ajax):
4063 if(!obj || obj == -1) {
4064 this.get_container()
4065 .children("ul").empty()
4066 .append(this.data.html_data.original_container_html)
4067 .find("li, a").filter(function () { return !this.firstChild || !this.firstChild.tagName || this.firstChild.tagName !== "INS"; }).prepend("<ins class='jstree
-icon
'> </ins>").end()
4068 .filter("a").children("ins:first-child").not(".jstree-icon").addClass("jstree-icon");
4071 if(s_call) { s_call.call(this); }
4073 case (!!s.data && !s.ajax) || (!!s.data && !!s.ajax && (!obj || obj === -1)):
4074 if(!obj || obj == -1) {
4076 if(!d.is("ul")) { d = $("<ul />").append(d); }
4077 this.get_container()
4078 .children("ul").empty().append(d.children())
4079 .find("li, a").filter(function () { return !this.firstChild || !this.firstChild.tagName || this.firstChild.tagName !== "INS"; }).prepend("<ins class='jstree
-icon
'> </ins>").end()
4080 .filter("a").children("ins:first-child").not(".jstree-icon").addClass("jstree-icon");
4083 if(s_call) { s_call.call(this); }
4085 case (!s.data && !!s.ajax) || (!!s.data && !!s.ajax && obj && obj !== -1):
4086 obj = this._get_node(obj);
4087 error_func = function (x, t, e) {
4088 var ef = this.get_settings().html_data.ajax.error;
4089 if(ef) { ef.call(this, x, t, e); }
4090 if(obj != -1 && obj.length) {
4091 obj.children("a.jstree-loading").removeClass("jstree-loading");
4092 obj.removeData("jstree_is_loading");
4093 if(t === "success" && s.correct_state) { this.correct_state(obj); }
4096 if(t === "success" && s.correct_state) { this.get_container().children("ul").empty(); }
4098 if(e_call) { e_call.call(this); }
4100 success_func = function (d, t, x) {
4101 var sf = this.get_settings().html_data.ajax.success;
4102 if(sf) { d = sf.call(this,d,t,x) || d; }
4103 if(d === "" || (d && d.toString && d.toString().replace(/^[\s\n]+$/,"") === "")) {
4104 return error_func.call(this, x, t, "");
4108 if(!d.is("ul")) { d = $("<ul />").append(d); }
4109 if(obj == -1 || !obj) { this.get_container().children("ul").empty().append(d.children()).find("li, a").filter(function () { return !this.firstChild || !this.firstChild.tagName || this.firstChild.tagName !== "INS"; }).prepend("<ins class='jstree
-icon
'> </ins>").end().filter("a").children("ins:first-child").not(".jstree-icon").addClass("jstree-icon"); }
4110 else { obj.children("a.jstree-loading").removeClass("jstree-loading"); obj.append(d).children("ul").find("li, a").filter(function () { return !this.firstChild || !this.firstChild.tagName || this.firstChild.tagName !== "INS"; }).prepend("<ins class='jstree
-icon
'> </ins>").end().filter("a").children("ins:first-child").not(".jstree-icon").addClass("jstree-icon"); obj.removeData("jstree_is_loading"); }
4111 this.clean_node(obj);
4112 if(s_call) { s_call.call(this); }
4115 if(obj && obj !== -1) {
4116 obj.children("a.jstree-loading").removeClass("jstree-loading");
4117 obj.removeData("jstree_is_loading");
4118 if(s.correct_state) {
4119 this.correct_state(obj);
4120 if(s_call) { s_call.call(this); }
4124 if(s.correct_state) {
4125 this.get_container().children("ul").empty();
4126 if(s_call) { s_call.call(this); }
4131 s.ajax.context = this;
4132 s.ajax.error = error_func;
4133 s.ajax.success = success_func;
4134 if(!s.ajax.dataType) { s.ajax.dataType = "html"; }
4135 if($.isFunction(s.ajax.url)) { s.ajax.url = s.ajax.url.call(this, obj); }
4136 if($.isFunction(s.ajax.data)) { s.ajax.data = s.ajax.data.call(this, obj); }
4143 // include the HTML data plugin by default
4144 $.jstree.defaults.plugins.push("html_data");
4149 * jsTree themeroller plugin
4150 * Adds support for jQuery UI themes. Include this at the end of your plugins list, also make sure "themes" is not included.
4153 $.jstree.plugin("themeroller", {
4154 __init : function () {
4155 var s = this._get_settings().themeroller;
4156 this.get_container()
4157 .addClass("ui-widget-content")
4158 .addClass("jstree-themeroller")
4159 .delegate("a","mouseenter.jstree", function (e) {
4160 if(!$(e.currentTarget).hasClass("jstree-loading")) {
4161 $(this).addClass(s.item_h);
4164 .delegate("a","mouseleave.jstree", function () {
4165 $(this).removeClass(s.item_h);
4167 .bind("init.jstree", $.proxy(function (e, data) {
4168 data.inst.get_container().find("> ul > li > .jstree-loading > ins").addClass("ui-icon-refresh");
4169 this._themeroller(data.inst.get_container().find("> ul > li"));
4171 .bind("open_node.jstree create_node.jstree", $.proxy(function (e, data) {
4172 this._themeroller(data.rslt.obj);
4174 .bind("loaded.jstree refresh.jstree", $.proxy(function (e) {
4175 this._themeroller();
4177 .bind("close_node.jstree", $.proxy(function (e, data) {
4178 this._themeroller(data.rslt.obj);
4180 .bind("delete_node.jstree", $.proxy(function (e, data) {
4181 this._themeroller(data.rslt.parent);
4183 .bind("correct_state.jstree", $.proxy(function (e, data) {
4185 .children("ins.jstree-icon").removeClass(s.opened + " " + s.closed + " ui-icon").end()
4186 .find("> a > ins.ui-icon")
4187 .filter(function() {
4188 return this.className.toString()
4189 .replace(s.item_clsd,"").replace(s.item_open,"").replace(s.item_leaf,"")
4190 .indexOf("ui-icon-") === -1;
4191 }).removeClass(s.item_open + " " + s.item_clsd).addClass(s.item_leaf || "jstree-no-icon");
4193 .bind("select_node.jstree", $.proxy(function (e, data) {
4194 data.rslt.obj.children("a").addClass(s.item_a);
4196 .bind("deselect_node.jstree deselect_all.jstree", $.proxy(function (e, data) {
4197 this.get_container()
4198 .find("a." + s.item_a).removeClass(s.item_a).end()
4199 .find("a.jstree-clicked").addClass(s.item_a);
4201 .bind("dehover_node.jstree", $.proxy(function (e, data) {
4202 data.rslt.obj.children("a").removeClass(s.item_h);
4204 .bind("hover_node.jstree", $.proxy(function (e, data) {
4205 this.get_container()
4206 .find("a." + s.item_h).not(data.rslt.obj).removeClass(s.item_h);
4207 data.rslt.obj.children("a").addClass(s.item_h);
4209 .bind("move_node.jstree", $.proxy(function (e, data) {
4210 this._themeroller(data.rslt.o);
4211 this._themeroller(data.rslt.op);
4214 __destroy : function () {
4215 var s = this._get_settings().themeroller,
4217 $.each(s, function (i, v) {
4219 if(v.length) { c = c.concat(v); }
4221 this.get_container()
4222 .removeClass("ui-widget-content")
4223 .find("." + c.join(", .")).removeClass(c.join(" "));
4226 _themeroller : function (obj) {
4227 var s = this._get_settings().themeroller;
4228 obj = !obj || obj == -1 ? this.get_container_ul() : this._get_node(obj).parent();
4230 .find("li.jstree-closed")
4231 .children("ins.jstree-icon").removeClass(s.opened).addClass("ui-icon " + s.closed).end()
4232 .children("a").addClass(s.item)
4233 .children("ins.jstree-icon").addClass("ui-icon")
4234 .filter(function() {
4235 return this.className.toString()
4236 .replace(s.item_clsd,"").replace(s.item_open,"").replace(s.item_leaf,"")
4237 .indexOf("ui-icon-") === -1;
4238 }).removeClass(s.item_leaf + " " + s.item_open).addClass(s.item_clsd || "jstree-no-icon")
4243 .find("li.jstree-open")
4244 .children("ins.jstree-icon").removeClass(s.closed).addClass("ui-icon " + s.opened).end()
4245 .children("a").addClass(s.item)
4246 .children("ins.jstree-icon").addClass("ui-icon")
4247 .filter(function() {
4248 return this.className.toString()
4249 .replace(s.item_clsd,"").replace(s.item_open,"").replace(s.item_leaf,"")
4250 .indexOf("ui-icon-") === -1;
4251 }).removeClass(s.item_leaf + " " + s.item_clsd).addClass(s.item_open || "jstree-no-icon")
4256 .find("li.jstree-leaf")
4257 .children("ins.jstree-icon").removeClass(s.closed + " ui-icon " + s.opened).end()
4258 .children("a").addClass(s.item)
4259 .children("ins.jstree-icon").addClass("ui-icon")
4260 .filter(function() {
4261 return this.className.toString()
4262 .replace(s.item_clsd,"").replace(s.item_open,"").replace(s.item_leaf,"")
4263 .indexOf("ui-icon-") === -1;
4264 }).removeClass(s.item_clsd + " " + s.item_open).addClass(s.item_leaf || "jstree-no-icon");
4268 "opened" : "ui-icon-triangle-1-se",
4269 "closed" : "ui-icon-triangle-1-e",
4270 "item" : "ui-state-default",
4271 "item_h" : "ui-state-hover",
4272 "item_a" : "ui-state-active",
4273 "item_open" : "ui-icon-folder-open",
4274 "item_clsd" : "ui-icon-folder-collapsed",
4275 "item_leaf" : "ui-icon-document"
4279 var css_string = '' +
4280 '.jstree
-themeroller
.ui
-icon
{ overflow
:visible
; } ' +
4281 '.jstree
-themeroller a
{ padding
:0 2px
; } ' +
4282 '.jstree
-themeroller
.jstree
-no
-icon
{ display
:none
; }';
4283 $.vakata.css.add_sheet({ str : css_string, title : "jstree" });
4289 * jsTree unique plugin
4290 * Forces different names amongst siblings (still a bit experimental)
4291 * NOTE: does not check language versions (it will not be possible to have nodes with the same title, even in different languages)
4294 $.jstree.plugin("unique", {
4295 __init : function () {
4296 this.get_container()
4297 .bind("before.jstree", $.proxy(function (e, data) {
4298 var nms = [], res = true, p, t;
4299 if(data.func == "move_node") {
4300 // obj, ref, position, is_copy, is_prepared, skip_check
4301 if(data.args[4] === true) {
4302 if(data.args[0].o && data.args[0].o.length) {
4303 data.args[0].o.children("a").each(function () { nms.push($(this).text().replace(/^\s+/g,"")); });
4304 res = this._check_unique(nms, data.args[0].np.find("> ul > li").not(data.args[0].o), "move_node");
4308 if(data.func == "create_node") {
4309 // obj, position, js, callback, is_loaded
4310 if(data.args[4] || this._is_loaded(data.args[0])) {
4311 p = this._get_node(data.args[0]);
4312 if(data.args[1] && (data.args[1] === "before" || data.args[1] === "after")) {
4313 p = this._get_parent(data.args[0]);
4314 if(!p || p === -1) { p = this.get_container(); }
4316 if(typeof data.args[2] === "string") { nms.push(data.args[2]); }
4317 else if(!data.args[2] || !data.args[2].data) { nms.push(this._get_string("new_node")); }
4318 else { nms.push(data.args[2].data); }
4319 res = this._check_unique(nms, p.find("> ul > li"), "create_node");
4322 if(data.func == "rename_node") {
4324 nms.push(data.args[1]);
4325 t = this._get_node(data.args[0]);
4326 p = this._get_parent(t);
4327 if(!p || p === -1) { p = this.get_container(); }
4328 res = this._check_unique(nms, p.find("> ul > li").not(t), "rename_node");
4331 e.stopPropagation();
4337 error_callback : $.noop
4340 _check_unique : function (nms, p, func) {
4342 p.children("a").each(function () { cnms.push($(this).text().replace(/^\s+/g,"")); });
4343 if(!cnms.length || !nms.length) { return true; }
4344 cnms = cnms.sort().join(",,").replace(/(,|^)([^,]+)(,,\2)+(,|$)/g,"$1$2$4").replace(/,,+/g,",").replace(/,$/,"").split(",");
4345 if((cnms.length + nms.length) != cnms.concat(nms).sort().join(",,").replace(/(,|^)([^,]+)(,,\2)+(,|$)/g,"$1$2$4").replace(/,,+/g,",").replace(/,$/,"").split(",").length) {
4346 this._get_settings().unique.error_callback.call(null, nms, p, func);
4351 check_move : function () {
4352 if(!this.__call_old()) { return false; }
4353 var p = this._get_move(), nms = [];
4354 if(p.o && p.o.length) {
4355 p.o.children("a").each(function () { nms.push($(this).text().replace(/^\s+/g,"")); });
4356 return this._check_unique(nms, p.np.find("> ul > li").not(p.o), "check_move");
4366 * jsTree wholerow plugin
4367 * Makes select and hover work on the entire width of the node
4368 * MAY BE HEAVY IN LARGE DOM
4371 $.jstree.plugin("wholerow", {
4372 __init : function () {
4373 if(!this.data.ui) { throw "jsTree wholerow: jsTree UI plugin not included."; }
4374 this.data.wholerow.html = false;
4375 this.data.wholerow.to = false;
4376 this.get_container()
4377 .bind("init.jstree", $.proxy(function (e, data) {
4378 this._get_settings().core.animation = 0;
4380 .bind("open_node.jstree create_node.jstree clean_node.jstree loaded.jstree", $.proxy(function (e, data) {
4381 this._prepare_wholerow_span( data && data.rslt && data.rslt.obj ? data.rslt.obj : -1 );
4383 .bind("search.jstree clear_search.jstree reopen.jstree after_open.jstree after_close.jstree create_node.jstree delete_node.jstree clean_node.jstree", $.proxy(function (e, data) {
4384 if(this.data.to) { clearTimeout(this.data.to); }
4385 this.data.to = setTimeout( (function (t, o) { return function() { t._prepare_wholerow_ul(o); }; })(this, data && data.rslt && data.rslt.obj ? data.rslt.obj : -1), 0);
4387 .bind("deselect_all.jstree", $.proxy(function (e, data) {
4388 this.get_container().find(" > .jstree-wholerow .jstree-clicked").removeClass("jstree-clicked " + (this.data.themeroller ? this._get_settings().themeroller.item_a : "" ));
4390 .bind("select_node.jstree deselect_node.jstree ", $.proxy(function (e, data) {
4391 data.rslt.obj.each(function () {
4392 var ref = data.inst.get_container().find(" > .jstree-wholerow li:visible:eq(" + ( parseInt((($(this).offset().top - data.inst.get_container().offset().top + data.inst.get_container()[0].scrollTop) / data.inst.data.core.li_height),10)) + ")");
4393 // ref.children("a")[e.type === "select_node" ? "addClass" : "removeClass"]("jstree-clicked");
4394 ref.children("a").attr("class",data.rslt.obj.children("a").attr("class"));
4397 .bind("hover_node.jstree dehover_node.jstree", $.proxy(function (e, data) {
4398 this.get_container().find(" > .jstree-wholerow .jstree-hovered").removeClass("jstree-hovered " + (this.data.themeroller ? this._get_settings().themeroller.item_h : "" ));
4399 if(e.type === "hover_node") {
4400 var ref = this.get_container().find(" > .jstree-wholerow li:visible:eq(" + ( parseInt(((data.rslt.obj.offset().top - this.get_container().offset().top + this.get_container()[0].scrollTop) / this.data.core.li_height),10)) + ")");
4401 // ref.children("a").addClass("jstree-hovered");
4402 ref.children("a").attr("class",data.rslt.obj.children(".jstree-hovered").attr("class"));
4405 .delegate(".jstree-wholerow-span, ins.jstree-icon, li", "click.jstree", function (e) {
4406 var n = $(e.currentTarget);
4407 if(e.target.tagName === "A" || (e.target.tagName === "INS" && n.closest("li").is(".jstree-open, .jstree-closed"))) { return; }
4408 n.closest("li").children("a:visible:eq(0)").click();
4409 e.stopImmediatePropagation();
4411 .delegate("li", "mouseover.jstree", $.proxy(function (e) {
4412 e.stopImmediatePropagation();
4413 if($(e.currentTarget).children(".jstree-hovered, .jstree-clicked").length) { return false; }
4414 this.hover_node(e.currentTarget);
4417 .delegate("li", "mouseleave.jstree", $.proxy(function (e) {
4418 if($(e.currentTarget).children("a").hasClass("jstree-hovered").length) { return; }
4419 this.dehover_node(e.currentTarget);
4421 if(is_ie7 || is_ie6) {
4422 $.vakata.css.add_sheet({ str : ".jstree-" + this.get_index() + " { position:relative; } ", title : "jstree" });
4427 __destroy : function () {
4428 this.get_container().children(".jstree-wholerow").remove();
4429 this.get_container().find(".jstree-wholerow-span").remove();
4432 _prepare_wholerow_span : function (obj) {
4433 obj = !obj || obj == -1 ? this.get_container().find("> ul > li") : this._get_node(obj);
4434 if(obj === false) { return; } // added for removing root nodes
4435 obj.each(function () {
4436 $(this).find("li").andSelf().each(function () {
4438 if($t.children(".jstree-wholerow-span").length) { return true; }
4439 $t.prepend("<span class='jstree
-wholerow
-span
' style='width
:" + ($t.parentsUntil(".jstree
","li
").length * 18) + "px
;'> </span>");
4443 _prepare_wholerow_ul : function () {
4444 var o = this.get_container().children("ul").eq(0), h = o.html();
4445 o.addClass("jstree-wholerow-real");
4446 if(this.data.wholerow.last_html !== h) {
4447 this.data.wholerow.last_html = h;
4448 this.get_container().children(".jstree-wholerow").remove();
4449 this.get_container().append(
4450 o.clone().removeClass("jstree-wholerow-real")
4451 .wrapAll("<div class='jstree
-wholerow
' />").parent()
4452 .width(o.parent()[0].scrollWidth)
4453 .css("top", (o.height() + ( is_ie7 ? 5 : 0)) * -1 )
4454 .find("li[id]").each(function () { this.removeAttribute("id"); }).end()
4461 var css_string = '' +
4462 '.jstree
.jstree
-wholerow
-real
{ position
:relative
; z
-index
:1; } ' +
4463 '.jstree
.jstree
-wholerow
-real li
{ cursor
:pointer
; } ' +
4464 '.jstree
.jstree
-wholerow
-real a
{ border
-left
-color
:transparent
!important
; border
-right
-color
:transparent
!important
; } ' +
4465 '.jstree
.jstree
-wholerow
{ position
:relative
; z
-index
:0; height
:0; } ' +
4466 '.jstree
.jstree
-wholerow ul
, .jstree
.jstree
-wholerow li
{ width
:100%; } ' +
4467 '.jstree
.jstree
-wholerow
, .jstree
.jstree
-wholerow ul
, .jstree
.jstree
-wholerow li
, .jstree
.jstree
-wholerow a
{ margin
:0 !important
; padding
:0 !important
; } ' +
4468 '.jstree
.jstree
-wholerow
, .jstree
.jstree
-wholerow ul
, .jstree
.jstree
-wholerow li
{ background
:transparent
!important
; }' +
4469 '.jstree
.jstree
-wholerow ins
, .jstree
.jstree
-wholerow span
, .jstree
.jstree
-wholerow input
{ display
:none
!important
; }' +
4470 '.jstree
.jstree
-wholerow a
, .jstree
.jstree
-wholerow a
:hover
{ text
-indent
:-9999px
; !important
; width
:100%; padding
:0 !important
; border
-right
-width
:0px
!important
; border
-left
-width
:0px
!important
; } ' +
4471 '.jstree
.jstree
-wholerow
-span
{ position
:absolute
; left
:0; margin
:0px
; padding
:0; height
:18px
; border
-width
:0; padding
:0; z
-index
:0; }';
4474 '.jstree
.jstree
-wholerow a
{ display
:block
; height
:18px
; margin
:0; padding
:0; border
:0; } ' +
4475 '.jstree
.jstree
-wholerow
-real a
{ border
-color
:transparent
!important
; } ';
4477 if(is_ie7 || is_ie6) {
4479 '.jstree
.jstree
-wholerow
, .jstree
.jstree
-wholerow li
, .jstree
.jstree
-wholerow ul
, .jstree
.jstree
-wholerow a
{ margin
:0; padding
:0; line
-height
:18px
; } ' +
4480 '.jstree
.jstree
-wholerow a
{ display
:block
; height
:18px
; line
-height
:18px
; overflow
:hidden
; } ';
4482 $.vakata.css.add_sheet({ str : css_string, title : "jstree" });
4488 * jsTree model plugin
4489 * This plugin gets jstree to use a class model to retrieve data, creating great dynamism
4492 var nodeInterface = ["getChildren","getChildrenCount","getAttr","getName","getProps"],
4493 validateInterface = function(obj, inter) {
4496 inter = [].concat(inter);
4497 $.each(inter, function (i, v) {
4498 if(!$.isFunction(obj[v])) { valid = false; return false; }
4502 $.jstree.plugin("model", {
4503 __init : function () {
4504 if(!this.data.json_data) { throw "jsTree model: jsTree json_data plugin not included."; }
4505 this._get_settings().json_data.data = function (n, b) {
4506 var obj = (n == -1) ? this._get_settings().model.object : n.data("jstree_model");
4507 if(!validateInterface(obj, nodeInterface)) { return b.call(null, false); }
4508 if(this._get_settings().model.async) {
4509 obj.getChildren($.proxy(function (data) {
4510 this.model_done(data, b);
4514 this.model_done(obj.getChildren(), b);
4524 model_done : function (data, callback) {
4526 s = this._get_settings(),
4529 if(!$.isArray(data)) { data = [data]; }
4530 $.each(data, function (i, nd) {
4531 var r = nd.getProps() || {};
4532 r.attr = nd.getAttr() || {};
4533 if(nd.getChildrenCount()) { r.state = "closed"; }
4534 r.data = nd.getName();
4535 if(!$.isArray(r.data)) { r.data = [r.data]; }
4536 if(_this.data.types && $.isFunction(nd.getType)) {
4537 r.attr[s.types.type_attr] = nd.getType();
4539 if(r.attr.id && s.model.id_prefix) { r.attr.id = s.model.id_prefix + r.attr.id; }
4540 if(!r.metadata) { r.metadata = { }; }
4541 r.metadata.jstree_model = nd;
4544 callback.call(null, ret);