2016-08-22 135 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; 
});