2013-01-22 2 views
1

Я создал динамическое jsTree, дерево создается из веб-службы с помощью построителя строк.Функция jsTree отсутствует при динамическом создании

Dim oSB As StringBuilder = New StringBuilder 
    oSB.Append("<div id='main'>") 
    SB.Append("<h4>JSTree</h4>") 
    oSB.Append("<ul id='browser' class='filetree'><li><span class='folder' >Folder   1</span> <ul><li><span class='file'>Item 1.1</span></li></ul></li><li><span c class='folder'>Folder 2</span> <ul><li><span class='folder'>Subfolder 2.1</span><ul id='folder21'> <li><span class='file'>File 2.1.1</span></li><li><span class='file'>File 2.1.2</span></li></ul></li><li><span class='file'>File 2.2</span></li></ul></li><li class='closed'><span class='folder'>Folder 3 (closed at start)</span><ul><li><span class='file'>File 3.1</span></li> <li><span class='file'>File 3.2</span></li></ul></li><li><span class='file'>File 4</span></li></ul>") 
oSB.Append("</div>") 

Дерево формируется, но свести к минимуму и максимальное из узлов отсутствует, я думаю, что это может быть проблема с сценарий не загружается или что-то, потому что то же самое дерево в HTML-страницы отлично работает. Я возвращаю дерево к Ajax как

$("div").html(data.d);  

Может кто-нибудь помочь мне, что мне не хватает?

+0

Не могли бы вы создать рабочий jsfiddle? Что на самом деле отсутствует? Являются ли min/max атрибутами jsTree узлов? – Radek

+0

На самом деле, я слишком новичок в кодировании, и стал новым для jsfiddle, я не знаю, как его создать, также с помощью веб-сервиса. Я использую [link] (http://jquery.bassistance.de/treeview/demo/) Пример 1. Единственное изменение, которое я сделал, это создание дерева из кода, расположенного в веб-сервисе вместо html, сменных и расширяемых свойств не применяются. Я думаю, что js не привязан к этому динамически созданному дереву. – jeev

ответ

1

Фактически я получил его, я пропустил (простую часть), чтобы вызвать функцию treeview после возвращения Ajax со значением.

function OnLoadSectionSuccess(data) { 
      $("#div").html(data.d); 
      $("#div").treeview({ 
       animated: "fast", 
       collapsed: true 
      });    
    } 

После того, как я добавил это дерево работает нормально. В любом случае спасибо за ваше время.

Cheers

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