2016-08-22 3 views
1

사람은 노드에 URL 앵커 링크를 추가 3.2.1jstree 3.2.1 링크

  1. jstree를 사용하여 다음 두 가지를 달성하는 방법에 대한 간단한 예제를 표시 할 수 있습니다.
  2. 해당 노드를 클릭하면 링크가 열립니다.

"약간의 연구"질문처럼 보일지 모르지만 오랜 시간을 보냈습니다. jstree 웹 사이트의 문서가 끔찍하고 작동하지 않는 수많은 포럼 게시물 (여기 포함)이 있습니다. 최신 버전의 경우, 또는 전혀 작동하지 않는 경우. 그런 다음 Google 그룹스에서 예를 말하는 사항이 2014 년부터 며칠 이내에 게시 될 예정이며 응답이 없습니다.

이미 PHP 스크립트에 대한 ajax 호출을 사용하여 jstree를 채우고 있습니다. 그러면 JSON 형식의 데이터가 반환됩니다. 내가 할 노력하고있어 모든 텍스트 '항목 하나'에 앵커를 넣어 그 기능을하게됩니다

[{"id" : "ajson1", "parent" : "#", "text" : "Item One"}]

:

그래서 내가 돌아 무슨을의 짧은 예는 다음과 같이이다 클릭하면 링크로 표시됩니다.

나는 이런 식으로 뭔가를 시도했다 :

[{"id" : "ajson1", "parent" : "#", "text" : "Item One", "attr":{"href":"http://www.example.com/"}} }]

는 (크롬 개발 도구를 사용하여 검사 할 때) 링크를 렌더링하거나 클릭의 측면에서 중 하나가 작동하지 않습니다.

답변

1

오케이 내가 이것을 알아 냈을 때까지!

원래 json의 실수는 attra_attr이어야한다는 것입니다. 그것은 'Item One'텍스트에 대한 링크를 얻습니다.

예 :

$('#jstree').bind("select_node.jstree", function (e, data) { 
    var href = data.node.a_attr.href; 
    window.location.href = href; 
}); 
:

다음
[{"id" : "ajson1", "parent" : "#", "text" : "Item One", 
"a_attr":{"href":"http://www.example.com/"} }] 

는이 같은 것을 사용할 수있는 URL로 이동 만들려면