dynatree - Dynatree - 我在哪里可以在每个节点中存储附加信息？

Question

我目前正在测试 Dynatree，我只想问是否有可用的属性/参数，我可以在其中存储每个节点的附加信息（如 ASP.NET TreeView 中的属性“值”）？提前致谢。

score 6 · Accepted Answer

您可以使用带有data属性的 HTML 添加自定义属性（有效，尽管验证器可能会抱怨。）

例如添加一个新的url属性：

<ul>
    <li data="url: 'http://jquery.com'">jQuery home
    <li data="url: 'http://docs.jquery.com'">jQuery docs

或者从 JSON 或 JS 对象加载时：

children: [
    { title: "jQuery home", url: "http://jquery.com" },
    { title: "jQuery docs", url: "http://docs.jquery.com" },

之后，您可以像这样访问它：

onActivate: function(node) {
    if( node.data.url )
        window.open(node.data.url);
    $("#echoActive").text(node.data.title);
},

编辑： 从 1.2 版开始，原生<a>支持标签（如何使 dynaTree jQuery 插件中的超链接可点击？）。

score 0 · Accepted Answer

如果您要添加要由 dynatree 读取的数据，则 mar10 是正确的。例如，如果您想让 dynatree 不显示图标，您可以使用以下命令：

<li data="icon: 'null'">

不幸的是，这不是真正有效的 HTML，我的 HTML5 验证器 (Visual Studio 2010 SP1) 喜欢抱怨它。

如果您只是想嵌入自己的数据 HTML5 允许您将 data-* 属性添加到您的 li 元素：

<li data-myprop="myvalue">

这是来自HTML5Doctor的一些附加信息。

2 回答 2