Add a link or button in level0 timeline section

Scheduler Javascript
#1

Hi,

I’m trying to add a button in a level 0 timeline section (3 levels on my time line):

// Integrate button in label on level0 section
$.each(elements, function(i, vi){
                        var labelProjet = vi.label;
                        // Format label ....
                        // Insert button
                        vi.label = "<table><tr><td>" +labelProjet + "</td><td><button type='button' class='btn btn-xs' ondblclick='callIndicateurProjet(" + vi + ")' style='height:10px;line-height:6px'>go</button></td></tr></table>";
                });
// then integrate elements in y_unit on createTimelineView...

My label is ok and well formated but i can’t catch the onclick event of my button.
This event seems to be muzzled by the FolderToggle event.

is there a way to put a link on a parent event in the time line?

thanks.

#2

errata:

“is there a way to put a link on a parent section* in the time line?”

#3

Ok i finally used a simple div with my onclick event.
The problem came from the parameter past in the function.
I add the

event.stopPropagation();

method after popup call method to stop the default behaviour of the treeview.

It works fine.

#4

Hi,
the expected approach for adding a custom html into the scheduler’s elements is using a templates:
docs.dhtmlx.com/scheduler/api__s … plate.html

The layout of the timeline might be refresched any time (more precisely - when something changes in the scheduler). If you append html manually - you’ll have to trace redrawing of the scheduler and reapply html every time. Html defined in the template function will be applied always

There is no built-in way to prevent expand/collapse of tree timeline items, so stopping event propagation is the only way.