Answer:
we achieved using the JSInterop for showing the tooltip for each item in the AutoComplete component. Please refer to the code below,
window.OnCreate = (id) => {
//Initialize Tooltip component
var tooltip = new ej.popups.Tooltip({
// default content of
tooltip
content: 'Loading...',
// set target element
to tooltip
target: '.e-list-item',
// set position of
tooltip
position: 'top center',
// bind beforeRender
event
beforeRender:
onBeforeRender
});
tooltip.appendTo('body');
document.getElementById(id).ej2_instances[0].close
= function (e) {
tooltip.close();
}
};
function onBeforeRender(args) {
this.content = args.target.textContent;
}
|
Find the sample to show the tooltip for AutoComplete each item from
here.