更改fancytree html节点结构

Question

可以更改html节点结构吗？

<span role="button" class="fancytree-expander"></span>
<span class="fancytree-title">
    <div class="title">Direction Générale des Services</div>
    <div class="agents">
        <span class="agent">Directeur Général des Services<br>Jean-Marc Lucas<br><i class="fa fa-fw fa-phone"></i>&nbsp;:&nbsp;02 96 13 59 59<br><i class="fa fa-fw fa-envelope"></i>&nbsp;contact@gp3a.bzh</span>
    </div>
</span>

至

<span role="button" class="fancytree-expander"></span>
<span class="fancytree-title">
    <div class="title">Direction Générale des Services</div>
</span>
<div class="agents">
    <span class="agent">Directeur Général des Services<br>Jean-Marc Lucas<br><i class="fa fa-fw fa-phone"></i>&nbsp;:&nbsp;02 96 13 59 59<br><i class="fa fa-fw fa-envelope"></i>&nbsp;contact@gp3a.bzh</span>
</div>

换句话说，是否可以添加span.fancytrre-title的html节点outsite？

Thx

Answer 1

看看Fancytree events，特别是createNode和renderTitle。示例：

function createNode(event, data) {
    // add fake <input/> to the node
    var $input = $("<input/>").val(data.node.title);
    $("span.fancytree-title", data.node.li).before($input);
}