2016-08-22 147 views
1

任何人都可以顯示如何使用jstree 3.2.1jstree 3.2.1節點鏈接

  1. 添加URL錨鏈接的節點實現以下兩件事情一個簡單的例子。
  2. 當點擊適當的節點時,使鏈接打開。

這可能看起來像一個「做一些研究」的問題,但我花了很長時間看:jstree網站上的文檔是可怕的,有許多論壇帖子(包括這裏)不起作用爲最新版本,或根本不工作。然後,Google網上論壇的例子將在未來幾天內公佈 - 從2014年起,沒有任何迴應。

我已經有一個jstree正在使用ajax調用PHP腳本進行填充。這以json格式返回數據。

所以我要回的一個簡單的例子是這樣的:

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

所有我想要做的就是把一個錨上的文字「項目一」,使其功能作爲點擊時的鏈接。

我已經試過這樣的事情:

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

不渲染的鏈接(使用Chrome開發者工具檢查時),或者點擊它方面工作,要麼。

回答

1

好吧,等了很久以後,我明白了這一點!

我原來的json中的錯誤是attr應該是a_attr。這會得到文本「Item One」上的鏈接。

例子:

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

然後讓它去的網址,您可以使用這樣的事情:

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