Question

我第一次使用FancyTree，我想定义一些自定义节点数据，特别是名为＆＃34; content＆＃34;在用于创建树的HTML数据中：

    <li id="xxxx" data-content="true"  class="folder">

我有一个用JavaScript编写的 init 事件处理程序，我想在那里访问我的自定义数据属性：

init: function(event, data, flag)
   {
    var tree = $("#tree").fancytree("getTree");
    node = tree.getNodeByKey(key);
    var data = node.data;

在在线教程中，我看到我的自定义属性可以作为node.data.content访问，但我无法在警告框中显示我的自定义属性来演示它实际上是定义的。如何在JavaScript函数中访问自定义数据属性？

谢尔顿

Answer 1

好的，所以我终于开始工作了。你接近得到你的结果。

键变量是一个字符串，表示树中每个LI元素的“id”属性。您将获得具有该密钥的节点。获取节点后，您可以检索与该节点关联的自定义数据属性。由于我们的'data'变量是一个包含键/值的对象，因此您需要在数据对象上调用它的'key'名称来检索值，就像'data.content'一样。

JS

$(function () {
    // using default options
    //Caching DOM element
    var $myTree = $("#tree").fancytree();
    // Get the DynaTree object instance
    var tree = $myTree.fancytree("getTree");
    //Set my key
    var key = "id1";
    //Get the node
    var node = tree.getNodeByKey(key);
    //Get the custom data attribute associated to that node
    var data = node.data;
    //data is an object so, data.content will give you the value of the attribute
    alert(data.content);
});

JSFIDDLE

希望这有帮助！

在JavaScript中访问FancyTree节点数据

1 个答案: