iqvoc 4.8.1 → 4.8.2

data/vendor/assets/bower_components/jqtree/_entries/56_events.md

@@ -0,0 +1,6 @@
+---
+title: Events
+name: events
+section: true
+---
+

data/vendor/assets/bower_components/jqtree/_entries/57_tree-click.md

@@ -0,0 +1,37 @@
+---
+title: tree.click
+name: event-tree-click
+---
+
+Triggered when a tree node is clicked. The event contains the following properties:
+
+* **node**: the node that is clicked on
+* **click_event**: the original click event
+
+{% highlight js %}
+// create tree
+$('#tree1').tree({
+    data: data
+});
+
+// bind 'tree.click' event
+$('#tree1').bind(
+    'tree.click',
+    function(event) {
+        // The clicked node is 'event.node'
+        var node = event.node;
+        alert(node.name);
+    }
+);
+{% endhighlight %}
+
+The default action is to select the node. You can prevent the selection by calling **preventDefault**:
+
+{% highlight js %}
+$('#tree1').bind(
+    'tree.click',
+    function(event) {
+        event.preventDefault();
+    }
+);
+{% endhighlight %}

data/vendor/assets/bower_components/jqtree/_entries/58_tree-close.md

@@ -0,0 +1,15 @@
+---
+title: tree.close
+name: event-tree-close
+---
+
+Called when a node is closed.
+
+{% highlight js %}
+$('#tree1').bind(
+    'tree.close',
+    function(e) {
+        console.log(e.node);
+    }
+);
+{% endhighlight %}

data/vendor/assets/bower_components/jqtree/_entries/59_tree-contextmenu.md

@@ -0,0 +1,21 @@
+---
+title: tree.contextmenu
+name: event-tree-contextmenu
+---
+
+Triggered when the user right-clicks a tree node. The event contains the following properties:
+
+* **node**: the node that is clicked on
+* **click_event**: the original click event
+
+{% highlight js %}
+// bind 'tree.contextmenu' event
+$('#tree1').bind(
+    'tree.contextmenu',
+    function(event) {
+        // The clicked node is 'event.node'
+        var node = event.node;
+        alert(node.name);
+    }
+);
+{% endhighlight %}

data/vendor/assets/bower_components/jqtree/_entries/60_tree-dblclick.md

@@ -0,0 +1,19 @@
+---
+title: tree.dblclick
+name: event-tree-dblclick
+---
+
+The **tree.dblclick** is fired when a tree node is double-clicked. The event contains the following properties:
+
+* **node**: the node that is clicked on
+* **click_event**: the original click event
+
+{% highlight js %}
+$('#tree1').bind(
+    'tree.dblclick',
+    function(event) {
+        // event.node is the clicked node
+        console.log(event.node);
+    }
+);
+{% endhighlight %}

data/vendor/assets/bower_components/jqtree/_entries/61_tree-init.md

@@ -0,0 +1,15 @@
+---
+title: tree.init
+name: event-tree-init
+---
+
+Called when the tree is initialized. This is particularly useful when the data is loaded from the server.
+
+{% highlight js %}
+$('#tree1').bind(
+    'tree.init',
+    function() {
+        // initializing code
+    }
+);
+{% endhighlight %}

data/vendor/assets/bower_components/jqtree/_entries/62_tree-move.md

@@ -0,0 +1,71 @@
+---
+title: tree.move
+name: event-tree-move
+---
+
+Triggered when the user moves a node.
+
+Event.move_info contains:
+
+* moved_node
+* target_node
+* position: (before, after or inside)
+* previous_parent
+
+{% highlight js %}
+$('#tree1').tree({
+    data: data,
+    dragAndDrop: true
+});
+
+$('#tree1').bind(
+    'tree.move',
+    function(event) {
+        console.log('moved_node', event.move_info.moved_node);
+        console.log('target_node', event.move_info.target_node);
+        console.log('position', event.move_info.position);
+        console.log('previous_parent', event.move_info.previous_parent);
+    }
+);
+{% endhighlight %}
+
+You can prevent the move by calling **event.preventDefault()**
+
+{% highlight js %}
+$('#tree1').bind(
+    'tree.move',
+    function(event) {
+        event.preventDefault();
+    }
+);
+{% endhighlight %}
+
+You can later call **event.move_info.move_info.do_move()** to move the node. This way you can ask the user before moving the node:
+
+{% highlight js %}
+$('#tree1').bind(
+    'tree.move',
+    function(event) {
+        event.preventDefault();
+
+        if (confirm('Really move?')) {
+            event.move_info.do_move();
+        }
+    }
+);
+{% endhighlight %}
+
+Note that if you want to serialise the tree, for example to POST back to a server, you need to let tree complete the move first:
+
+{% highlight js %}
+$('#tree1').bind(
+    'tree.move',
+    function(event)
+    {
+        event.preventDefault();
+        // do the move first, and _then_ POST back.
+        event.move_info.do_move();
+        $.post('your_url', {tree: $(this).tree('toJson')});
+    }
+);
+{% endhighlight %}

data/vendor/assets/bower_components/jqtree/_entries/63_tree-open.md

@@ -0,0 +1,15 @@
+---
+title: tree.open
+name: event-tree-open
+---
+
+Called when a node is opened.
+
+{% highlight js %}
+$('#tree1').bind(
+    'tree.open',
+    function(e) {
+        console.log(e.node);
+    }
+);
+{% endhighlight %}

data/vendor/assets/bower_components/jqtree/_entries/64_tree-select.md

@@ -0,0 +1,28 @@
+---
+title: tree.select
+name: event-tree-select
+---
+
+Triggered when a tree node is selected or deselected.
+
+If a node is selected, then **event.node** contains the selected node.
+
+If a node is deselected, then the **event.node** property is null.
+
+{% highlight js %}
+$('#tree1').bind(
+    'tree.select',
+    function(event) {
+        if (event.node) {
+            // node was selected
+            var node = event.node;
+            alert(node.name);
+        }
+        else {
+            // event.node is null
+            // a node was deselected
+            // e.previous_node contains the deselected node
+        }
+    }
+);
+{% endhighlight %}

data/vendor/assets/bower_components/jqtree/_entries/65_multiple-selection.md

@@ -0,0 +1,9 @@
+---
+title: Multiple selection
+name: multiple-selection
+section: true
+---
+
+Jqtree has some functions that can help you to implement multiple selection. See [Example 8 - multiple select](examples/multiple_select.html).
+
+In order for multiple selection to work, you must give the nodes an id.

data/vendor/assets/bower_components/jqtree/_entries/66_add-to-selection.md

@@ -0,0 +1,11 @@
+---
+title: addToSelection
+name: multiple-selection-add-to-selection
+---
+
+Add this node to the selection
+
+{% highlight js %}
+var node = $('#tree1').tree('getNodeById', 123);
+$('#tree1').tree('addToSelection', node);
+{% endhighlight %}

data/vendor/assets/bower_components/jqtree/_entries/67_get-selected-nodes.md

@@ -0,0 +1,10 @@
+---
+title: getSelectedNodes
+name: multiple-selection-get-selected-nodes
+---
+
+Return a list of selected nodes.
+
+{% highlight js %}
+var nodes = $('#tree1').tree('getSelectedNodes');
+{% endhighlight %}

data/vendor/assets/bower_components/jqtree/_entries/68_is-node-selected.md

@@ -0,0 +1,11 @@
+---
+title: isNodeSelected
+name: multiple-selection-is-node-selected
+---
+
+Return if this node is selected.
+
+{% highlight js %}
+var node = $('#tree1').tree('getNodeById', 123);
+var is_selected = $('#tree1').tree('isNodeSelected', node);
+{% endhighlight %}

data/vendor/assets/bower_components/jqtree/_entries/69_remove-from-selection.md

@@ -0,0 +1,11 @@
+---
+title: removeFromSelection
+name: multiple-selection-remove-from-selection
+---
+
+Remove this node from the selection.
+
+{% highlight js %}
+var node = $('#tree1').tree('getNodeById', 123);
+$('#tree1').tree('removeFromSelection', node);
+{% endhighlight %}

data/vendor/assets/bower_components/jqtree/_entries/70_node-functions.md

@@ -0,0 +1,13 @@
+---
+title: Node functions
+name: node-functions
+section: true
+---
+
+You can access a node using for example [getNodeById](#functions-getnodebyid) function:
+
+{% highlight js %}
+var node = $('#tree1').tree('getNodeById', 123);
+{% endhighlight %}
+
+The Node object has the following properties and functions:

data/vendor/assets/bower_components/jqtree/_entries/71_children.md

@@ -0,0 +1,12 @@
+---
+title: children
+name: node-functions-children
+---
+
+You can access the children of a node using the **children** property.
+
+{% highlight js %}
+for (var i=0; i < node.children.length; i++) {
+    var child = node.children[i];
+}
+{% endhighlight %}

data/vendor/assets/bower_components/jqtree/_entries/72_getdata.md

@@ -0,0 +1,10 @@
+---
+title: getData
+name: node-functions-getdata
+---
+
+Get the subtree of this node.
+
+{% highlight js %}
+var data = node.getData();
+{% endhighlight %}

data/vendor/assets/bower_components/jqtree/_entries/73_getlevel.md

@@ -0,0 +1,13 @@
+---
+title: getLevel
+name: node-functions-getlevel
+---
+
+Get the level of a node. The level is distance of a node to the root node.
+
+{% highlight js %}
+var node = $('#tree1').tree('getNodeById', 123);
+
+// result is e.g. 2
+var level = node.getLevel();
+{% endhighlight %}

data/vendor/assets/bower_components/jqtree/_entries/74_getnextnode.md

@@ -0,0 +1,12 @@
+---
+title: getNextNode
+name: node-functions-getnextnode
+---
+
+Get the next node in the tree. Does the same as using the *down* key.
+
+Returns a node or null.
+
+{% highlight js %}
+var node = node.getNextNode();
+{% endhighlight %}

data/vendor/assets/bower_components/jqtree/_entries/75_getnextsibling.md

@@ -0,0 +1,10 @@
+---
+title: getNextSibling
+name: node-functions-getnextsibling
+---
+
+Get the next sibling of this node. Returns a node or null.
+
+{% highlight js %}
+var node = node.getNextSibling();
+{% endhighlight %}

data/vendor/assets/bower_components/jqtree/_entries/76_getpreviousnode.md

@@ -0,0 +1,12 @@
+---
+title: getPreviousNode
+name: node-functions-getpreviousnode
+---
+
+Get the previous node in the tree. Does the same as using the *up* key.
+
+Returns a node or null.
+
+{% highlight js %}
+var node = node.getPreviousNode();
+{% endhighlight %}

data/vendor/assets/bower_components/jqtree/_entries/77_getprevioussibling.md

@@ -0,0 +1,10 @@
+---
+title: getPreviousSibling
+name: node-functions-getprevioussibling
+---
+
+Get the previous sibling of this node. Returns a node or null.
+
+{% highlight js %}
+var node = node.getPreviousSibling();
+{% endhighlight %}

data/vendor/assets/bower_components/jqtree/_entries/78_parent.md

@@ -0,0 +1,10 @@
+---
+title: parent
+name: node-functions-parent
+---
+
+You can access the parent of a node using the **parent** property.
+
+{% highlight js %}
+var parent_node = node.parent;
+{% endhighlight %}

data/vendor/assets/bower_components/jqtree/_examples/01_load_json_data.html

@@ -0,0 +1,47 @@
+---
+title: Load json data in javascript tree
+layout: page
+js: examples/load_json_data.js
+css: example.css
+---
+
+<p id="nav">
+    <a href="../index.html">&laquo; Documentation</a>
+    <a href="02_load_json_data_from_server.html" class="next">Example 2 &raquo;</a>
+</p>
+
+<h1>Example 1 - load json data</h1>
+
+<div id="tree1"></div>
+
+<p>
+    In this example we load the data using the <strong>data</strong> option.
+    As you can see, the data is an array of objects.
+</p>
+<ul>
+    <li>The <strong>label</strong> property defines the label of the node.</li>
+    <li>The <strong>id</strong> is the unique id of the node.</li>
+    <li>The <strong>children</strong> property is an array of nodes.</li>
+</ul>
+
+{% highlight js %}
+var data = [
+    {
+        label: 'node1', id: 1,
+        children: [
+            { label: 'child1', id: 2 },
+            { label: 'child2', id: 3 }
+        ]
+    },
+    {
+        label: 'node2', id: 4,
+        children: [
+            { label: 'child3', id: 5 }
+        ]
+    }
+];
+
+$('#tree1').tree({
+    data: data
+});
+{% endhighlight %}