extended tooltips in 4.2.2 do not work in 5.2.3
Posted: Mon Nov 21, 2022 9:01 pm
We had not upgraded the scheduler control for quite a while. The following code was used to extend the tooltip because we wanted to render it at the top of the screen instead of over the scheduler itself.
The tooltip does render in the right place with the right values. However, it only renders for a second and then goes away. Tested a few things to confirm it was not our own code clear it out. Any thoughts on what we need to do differently in 5.2.3?
class MyToolTip extends bryntum.scheduler.InstancePlugin {
static get pluginConfig() {
return {
chain: ['render']
};
}
construct(client, config) {
super.construct(client, config);
client.on({
eventmouseover: this.onEventMouseOver,
eventmouseout: this.onEventMouseOut,
thisObj: this
});
}
render() {
let client = this.client;
this.tip = new bryntum.scheduler.Tooltip({
forSelector: '.b-sch-event',
scrollAction: 'realign',
forElement: client.timeAxisSubGridElement,
showOnHover: true,
hideDelay: 0,
hoverDelay: 100,
anchorToTarget: true,
allowOver: true,
html: 'Loading'
});
}
onEventMouseOver({ eventRecord })
{
var self = this;
self.activeRecord = eventRecord;
var myid = self.activeRecord != null ? self.activeRecord.myid : 0;
$.getJSON("/MyController/GetToolTip", $.param({ myid : myid }, true), function (result)
{
setHtml(result.Text);
});
function setHtml(val)
{
self.tip.html = val;
}
}
onEventMouseOut()
{
this.activeRecord = null;
}
}
bryntum.scheduler.GridFeatureManager.registerFeature(MyToolTip, true, 'Scheduler');