2013-10-01 2 views
2

У меня есть база данных, из которой я делаю несколько запросов, и хочу отображать результаты в разных jsTrees. код я использую, чтобы создать одно дерево выглядит следующим образом:Несколько экземпляров jsTree

<div id="container"> 
<ul> 
    <li><a>Iteration 1</a> 
     <ul> 
      <li><a>Story A</a></li> 
      <li><a>Story B</a></li> 
      <li><a>Story C</a></li> 
     </ul> 
    </li> 
    <li><a>Iteration 2</a> 
    </li> 
</ul> 

и функции:

<script type="text/javascript"> 
jQuery(function($) 
{ 
    $('#container').jstree(); 

} 
); 
</script> 

Моя проблема заключается в том, что это работает для известного числа деревьев, но будет быть проблемой, когда мне нужно создать n (неизвестные, изменения в зависимости от полей в базе данных) числа функций (поскольку каждая функция относится к определенному id div). Итак, мой вопрос: как создать несколько jsTrees?

+0

их создания на стороне клиента или на стороне сервера? В любом случае вам понадобится генерировать HTML для дерева и сделать вызов .jstree в корне каждого из них, что достаточно просто, чтобы сделать несколько типов или динамически. С какой именно частью вы испытываете трудности? – Rup

+0

Я пытаюсь создать их на стороне сервера. Я могу создать HTML для деревьев с разными идентификаторами для каждого div (дерева) с циклом for. Проблема в том, что я не знаю, как создать jQuery (function ($)) с требуемыми различными параметрами. – relysis

+0

Ну, некоторые библиотеки jQuery работают правильно на нескольких входах, поэтому вы можете дать им все одинаковый класс, а затем вызвать один jstree для селектора для этого класса. Но если вы можете генерировать блоки HTML динамически на сервере, вы можете генерировать дополнительную строку сценария для каждого дерева динамически, не так ли? Какую веб-структуру вы используете? – Rup

ответ

0

Я думаю, что у меня такая же проблема, поэтому я начал a discussion на github.

Похоже, что из-за хранения идентификаторов узлов в уникальный DOM id s.

1

Использование $('div[id^="tree"]').jstree(); применять JS для всех деревьев

Смежные вопросы