ToolTip in bryntum scheduler

Question

I am new to Extjs. I am using the Bryntum scheduler in my application.

In that I want to show tooltip over scheduled item. I checked the Bryntum API and found that I can use **tooltipTpl** to show tooltip and **tipCfg** to configure it. I added eventmouseenter listener and in respective function I tried to add tooltipTpl

My listener is

eventmouseenter: this.eventMouse

and eventMouse function is

function(e) {
        e.apply(e.tipCfg,
        {
            trackMouse: false      
        });
        var tooltipTpl = "My Tool Tip";
       e.apply(e,
        {
            tooltipTpl: tooltipTpl
        });
    }

but the code doesn't seems to work. Please help me out for using tootipTpl.

No @CD.. I haven't tried. thanks for your response. Let me check it out. — prashant, Jun 10 '15 at 05:03

score 1 · Accepted Answer · answered Jun 10 '15 at 07:22

You don't need a listener, just use the tooltipTpl configuration on your Scheduler:

tooltipTpl: new Ext.XTemplate('<span>My Tool Tip</span>'),
...

It can be a String as well: http://www.bryntum.com/docs/scheduling/3.x/?#!/api/Sch.panel.SchedulerGrid-cfg-tooltipTpl

Edit: See the code of this example using tooltips: http://www.bryntum.com/examples/scheduler-latest/examples/performance/performance.html

ToolTip in bryntum scheduler

1 Answers1