jquery - JQtree:将URL与节点关联

我想要一些非常简单的东西：

一个jQuery小部件，显示可折叠的树。我要保存状态。我想控制初始状态。我希望它看起来很漂亮。当用户单击链接时，我希望它导航到那里。简单。

在我看来，Jqtree是我要寻找的东西，但是在浏览所有文档时，我看不到指示与树中节点一起到达的url的简单情况。


根据我的要求，您是否同意Jqtree是正确的解决方案？
我可以在某处找到有用的样本来查看如何处理我的案件吗？

最佳答案

节点只是Javascript对象，因此您应该能够为url添加另一个属性。因此，例如，调整jqTree网站上的内容：

var data = [
    {
        label: 'node1',
        url: 'MyUrl.html',
        children: [
            { label: 'child1', url: 'anotherURL.html' },
            { label: 'child2', url: 'andAnotherURL.html' }
        ]
    },
    {
        label: 'node2',
        url: 'www.your.get.the.point.com',
        children: [
            { label: 'child3', url: 'google.com' }
        ]
    }
];

现在，显然jqTree在默认情况下不会对此执行任何操作，因此您必须进行处理，但是只要能够获得节点，就应该能够检索到它的.url：

var theURL = myNode.url;

因此，例如，jqTree看起来有一个tree.click event：

$('#tree1').bind(
    'tree.click',
    function(event) {
        // The clicked node is 'event.node'
        var node = event.node;
        var theURL = node.url;
        if (theURL) {
            location.href = theURL;
        }
    }
);