How to show tooltip for AutoComplete each item

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.

Loader.
Up arrow icon