diff options
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.html | 47 |
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/">« Example 5</a> + <a href="../07_autoscroll/" class="next">Example 7 »</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 %} |