hummingbird-dev / hummingbird-treeview

A powerful and fast jQuery treeview plugin
MIT License
62 stars 23 forks source link

Two Tree view in one page not working #4

Open nunaram opened 6 years ago

nunaram commented 6 years ago
      <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>
hummingbird-dev commented 6 years ago

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