Tree formater

[iceh]

Hi,

i use a custom formater for a tree:

Code:

            formatter: function (node) {
                var s = node.text;

                if (!node.attributes || !node.attributes.tooltip)
                    return s;

                if (node.attributes.tooltip) {
                    s = '<span title=\'' + node.attributes.tooltip + '\' class=\""easyui-tooltip\"">' + s + '</span>';
                }

                return s;
            }

The system doesn't use the jeasy UI tooltips. Any idea how i can fix this?

[stworthy]

Please parse the tooltip components when loaded data successfully.

Code:

$('#tt').tree({
  onLoadSuccess:function(){
    $.parser.parse($(this));
  }
});

[iceh]

Thx!

I also had a Typo in my formater - now it works fine!

[iceh]

Now I have an other issue

It works fine, but DnD in the tree won't
kill the tooltip.

So in some instances the tooltip doesn't vanish
when a DnD event occures during the tooltip
is active.

[stworthy]

The simplest way to solve this issue is to destroy all the tooltip when start dragging a node and then restore all the tooltip when stop dragging.

Code:

<ul class="easyui-tree" data-options="
data:data,animate:true,dnd:true,
formatter:function(node){
return '<span title=\'' + node.text + '\' class=\'easyui-tooltip\'>' + node.text + '</span>';
},
onStartDrag:function(node){
$(this).find('.tooltip-f').tooltip('destroy');
},
onStopDrag:function(node){
$.parser.parse($(this));
},
onLoadSuccess:function(){
$.parser.parse($(this));
}"></ul>

[iceh]

Thank you!

That looks soooo cool