Javascript Fancytree-将新项目添加到树节点（日期、注释等）

Fancytree有办法将新项目添加到树节点中吗

在演示中，您只能看到显示的“标题”，但我想添加“日期”和“备注”

我知道我可以使用表扩展名和

renderColumns

进行排序，但我希望以不同的方式对信息进行排序，并且我不能仅使用CSS更改表的线性结构

我更喜欢使用

或

元素而不是

来排序和添加CSS

我认为树中每个

元素的HTML结构都是完美的：

<li>
    <span class="fancytree-node fancytree-exp-n fancytree-ico-c">
        <span class="fancytree-expander"></span>
        <span class="fancytree-icon"></span>
        <span class="fancytree-title">Sub-item 4.1</span>
        <span class="fancytree-date">21-5-2015</span>
        <span class="fancytree-note">This is a note inside a Fancytree node</span>
    </span>
</li>

分项4.1
21-5-2015
这是Fancytree节点中的注释

这里有一个JSFIDLE，其中包含一个JSON和填充Fancytree的GoogleTasksAPI结构

如果使用此链接进入JSON内部：

。。您将看到，在ID为

MTYwNzEzNjc2OTEyMDI1MzcwNzM6ODUwNjk4NTgzOjg4ODk2MDI0MQ的任务中，有一个
到期日期
，该日期是我要添加到树节点的日期

同样在同一任务中，您将看到一个
notes
项。这是我要添加到树节点的其他内容

一些想法

提前感谢。
您可以将html作为
节点.title传递，这样您就可以像

<span class="fancytree-node fancytree-exp-n fancytree-ico-c">
    <span class="fancytree-expander"></span>
    <span class="fancytree-icon"></span>
    <span class="fancytree-title">
        <span class="ft-header">Sub-item 4.1</span>
        <span class="ft-date">21-5-2015</span>
        <span class="ft-note">This is a note inside a Fancytree node</span>
    </span>
</span>

你有JSFIDLE吗？嗨，安德鲁！不，我没有，但我能做到。您更喜欢一个包含表格和
日期
和
注释
元素的元素，还是只在树中添加这些元素？您好@Andrew，我正在编辑问题，以便按照您的要求添加一个JSFIDLE。这是链接：提前谢谢。谢谢@mar10！我将
renderNode
事件与
$（data.node.span）.html（YourHTMLHere）一起使用内部。代码现在运行得非常完美。
renderNode: function(event, data) {
    // Optionally tweak data.node.span
    $(data.node.span).text(">>" + data.node.title);
},
renderTitle: function(event, data) {
    // When defined, must return a HTML string for the node title
    return "new title";
},