jquery - JQtree:将 url 与节点关联

Question

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

一个 jQuery 小部件，呈现可折叠的树。我希望国家得到拯救。我想控制初始状态。我想让它看起来非常漂亮。当用户单击链接时，我希望它导航到那里。简单。

在我看来，Jqtree 就是我正在寻找的东西，但是浏览所有文档，我没有看到指示与树中节点一起使用的 url 的简单情况。

• 根据我的要求，您认为 Jqtree 是正确的解决方案吗？
• 是否有有用的示例可供我查看，以了解我的案例是如何处理的？

Answer 1

节点只是 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;
        }
    }
);