summaryrefslogtreecommitdiffstats
path: root/ecomp-portal-FE/client/bower_components/jqTree/_examples/06_autoescape.html
diff options
context:
space:
mode:
Diffstat (limited to 'ecomp-portal-FE/client/bower_components/jqTree/_examples/06_autoescape.html')
-rw-r--r--ecomp-portal-FE/client/bower_components/jqTree/_examples/06_autoescape.html47
1 files changed, 47 insertions, 0 deletions
diff --git a/ecomp-portal-FE/client/bower_components/jqTree/_examples/06_autoescape.html b/ecomp-portal-FE/client/bower_components/jqTree/_examples/06_autoescape.html
new file mode 100644
index 00000000..308d56a0
--- /dev/null
+++ b/ecomp-portal-FE/client/bower_components/jqTree/_examples/06_autoescape.html
@@ -0,0 +1,47 @@
+---
+title: Javascript tree with autoescape
+layout: page
+js: examples/autoescape.js
+css: example.css
+---
+
+<p id="nav">
+ <a href="../05_load_on_demand/">&laquo; Example 5</a>
+ <a href="../07_autoscroll/" class="next">Example 7 &raquo;</a>
+</p>
+
+<h1>Example 6 - autoEscape</h1>
+
+<p>
+ You can put html in the node titles setting the <a href="../index.html#tree-options-autoescape">autoEscape</a> option to <strong>false</strong>.
+</p>
+
+<div id="tree1"></div>
+
+<h3>html</h3>
+
+{% highlight html %}
+<div id="tree1"></div>
+{% endhighlight %}
+
+<h3>javascript</h3>
+
+{% highlight js %}
+var data = [
+ {
+ label: 'examples',
+ children: [
+ { name: '<a href="example1.html">Example 1</a>' },
+ { name: '<a href="example2.html">Example 2</a>' },
+ '<a href="example3.html">Example </a>'
+ ]
+ }
+];
+
+// set autoEscape to false
+$('#tree1').tree({
+ data: data,
+ autoEscape: false,
+ autoOpen: true
+});
+{% endhighlight %}