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