jstree inline HTML demo

by Ivan Bozhanov

HTML

<script src="https://static.jstree.com/latest/assets/dist/jstree.min.js"></script>
<link rel="stylesheet" href="https://static.jstree.com/latest/assets/dist/themes/default/style.min.css">
<form id="s">
  <input type="search" id="q" />
  <button type="submit">Search</button>
</form>
<div id="container">
  <ul>
    <li data-jstree='{"opened":true}'>Root node
      <ul>
        <li>Child node 1</li>
        <li>Child node 2</li>
      </ul>
    </li>
  </ul>
</div>

JavaScript

$('#container').jstree({
  "plugins" : ["search"]
});
$("#s").submit(function(e) {
  e.preventDefault();
  $("#container").jstree(true).search($("#q").val());
});