hummingbird-treeview
hummingbird-treeview copied to clipboard
Two Tree view in one page not working
<p>
<b>Category</b>
</p>
<div id="treeView" class="hummingbird-treeview-converter">
<li id="item_1" data-id="Studio_1">Warner Bros.</li>
<li id="item_2" data-id="Movie_1">-Goodfellas</li>
<li id="item_3" data-id="Actor_1">--Robert De Niro</li>
<li id="item_4" data-id="Actor_2">--Joe Pesci</li>
<li id="item_5" data-id="Movie_2">-The Shawshank Redemption</li>
<li id="item_6" data-id="Actor_3">--Tim Robbins</li>
<li id="item_7" data-id="Actor_4">--Morgan Freeman</li>
</div>
<p>
<b>Tags</b>
</p>
<div id="treeView2" class="hummingbird-treeview-converter">
<li id="item_8" data-id="Studio_2">Paramount</li>
<li id="item_9" data-id="Movie_3">-The Untouchables</li>
<li id="item_10" data-id="Actor_1">--Robert De Niro</li>
<li id="item_11" data-id="Actor_5">--Kevin Costner</li>
<li id="item_12" data-id="Movie_4">-Forrest Gump</li>
<li id="item_13" data-id="Actor_6">--Tom Hanks</li>
<li id="item_14" data-id="Actor_7">--Robin Wright</li>
</div>
Hey, Thanks for figuring out this issue. I have now implemented multiple treeviews on one page - functionality. Please have a look at the respective section in the README: https://github.com/hummingbird-dev/hummingbird-treeview#multiple-treeviews-on-one-page. Additionally it is important to note that in your example the ids treeView and treeView2 are not used by the hummingbird-treeview. If you use the simple pseudo HTML list with the class="hummingbird-treeview-converter" as in your example, then the ids of the real treeviews will be generated automatically. Please have a look at https://github.com/hummingbird-dev/hummingbird-treeview#1-simple-pseudo-html