i am overriding the Gnt.template.TaskTooltip, however, tooltip is not coming.
Here are the things that i did
1:Override the TaskTooltip
Ext.define('TaskTooltipTamplate',{
override : 'Gnt.template.TaskTooltip',
disableFormats: true,
dateFormat: null,
markup: '<h2 class="sch-task-tip-header">{Name}</h2>' +
'<table>'+
'<tr><td>'+App.Nls['emxProgramCentral.Common.StartDate']+':</td> <td align="left">{[this.getStartDateString(values)]}</td></tr>'+
'<tr><td>'+App.Nls['emxProgramCentral.Common.EndDate']+':</td> <td align="left">{[this.getEndDateString(values)]}</td></tr>'+
'<tr><td>'+App.Nls['emxProgramCentral.Gantt.Tooltip.Progress']+':</td> <td align="left">{[this.getPercentDoneString(values)]}%</td></tr>'+
'<tr><td valign="top">'+App.Nls['emxProgramCentral.Common.Assignee']+':</td><td width="100px" align="left">{[values.Assignee]}</td></tr>'+
'</table>',
constructor: function() {
this.markup = markup || this.markup;
this.dateFormat = this.L('format');
this.callParent([
this.markup
]);
},
getStartDateString: function(data) {
var task = data._record;
var date = data._useBaselineData ? task.getBaselineStartDate() : task.getStartDate();
return data._record.getDisplayStartDate(this.dateFormat, true, date, false, data._useBaselineData);
},
getEndDateString: function(data) {
var task = data._record;
var date = data._useBaselineData ? task.getBaselineEndDate() : task.getEndDate();
return data._record.getDisplayEndDate(this.dateFormat, true, date, false, data._useBaselineData);
},
getPercentCompleteString: function(data) {
var task = data._record;
var value = data._useBaselineData ? task.getBaselinePercentDone() : task.getPercentDone();
return Math.round(value);
}
})
tooltipTpl : new TaskTooltipTamplate()
EXTJS: 6.0.2
Browser: Chrome.
Microsoft edge throwing following exception:
Object doesn't support property or method 'apply' at
tooltipString = view.tooltipTpl.apply(dataForMe);
if (!tooltipString) {
return false;
}
Am i missing something ? Please help.