ecomp-portal-FE/client/bower_components/jqTree/_examples/02_load_json_data_from_server.html

   1 ---
   2 title: Load json data from the server in javascript tree
   3 layout: page
   4 js: examples/load_json_data_from_server.js
   5 css: example.css
   6 ---
   7
   8 <p id="nav">
   9     <a href="../01_load_json_data/">&laquo; Example 1</a>
  10     <a href="../03_drag_and_drop/" class="next">Example 3 &raquo;</a>
  11 </p>
  12
  13 <h1>Example 2 - load json data from the server</h1>
  14
  15 <div id="tree1" data-url="/example_data/"></div>
  16
  17 <p>
  18     In this example we load the data from the server using the <strong>data-url</strong> property on the dom element.
  19 </p>
  20
  21 <h3>html</h3>
  22
  23 {% highlight html %}
  24 <div id="tree1" data-url="/example_data/"></div>
  25 {% endhighlight %}
  26
  27 <h3>javascript</h3>
  28
  29 {% highlight js %}
  30 $('#tree1').tree();
  31 {% endhighlight %}