EJ2 Grid Inline Edit Mode, ToolTip get stuck when editing

Phil

Asked On December 7, 2018 03:48 PM UTC

Hello

I am using EJ 2 version 16.3.0.36 (nuget package).

I have a grid that displays a ToolTip for every column, it uses the Inline edit mode. When double clicking a row, the edit mode is activated. However, because the mouse hovered over the row, the tooltip is shown. As a result, the edit mode is now active but the ToolTip stays shown.

Now even when exiting the edit mode (cancel/save) the ToolTip stays shown.

When hovering over different columns, additional ToolTips are shown, but the one that was shown when double clicking is still present.

How can I remove the ToolTip that is stuck?

Kind regards

Phil

Reply | Reply with quote

Madhu Sudhanan P [Syncfusion]

Replied On December 10, 2018 06:03 AM UTC

Hi Phil,

Thanks for contacting Syncfusion support.

To resolve this problem we need to destroy the tooltip before edit begin using the actionBegin event as follows.

<ejs-grid id="GridOverview" actionBegin="actionBegin">

......

</ejs-grid>

function actionBegin(args) {

if (args.requestType === 'beginEdit') {

var tooltips = args.row.querySelectorAll('.e-tooltip');

for (var i = 0; i < tooltips.length; i++) {

tooltips[i].ej2_instances[0].destroy();

}

</script>

Regards,

Madhu Sudhanan P

Reply | Reply with quote

Phil

Replied On December 10, 2018 08:53 AM UTC

This works fine, thank you a lot.

However, I noticed that after exiting the edit mode (through cancel or update) a (as it seems) random column gets an unwanted ToolTip.

It disappears when clicking anywhere on the website.

Reply | Reply with quote

Madhu Sudhanan P [Syncfusion]

Replied On December 11, 2018 05:45 AM UTC

Hi Phil,

Thanks for the update.

To resolve this set the openOn property of the tooltip as Hover as follows.

function tooltip(args) { // event triggers on every cell render.

var tooltip = new ej.popups.Tooltip({

content: args.data[args.column.field].toString(),

opensOn: 'Hover' // add Essential JS2 tooltip for every cell.

},args.cell);

}

</script>

https://ej2.syncfusion.com/javascript/documentation/tooltip/open-mode/

Regards,

Madhu Sudhanan P

Reply | Reply with quote

Phil

Replied On December 11, 2018 07:54 AM UTC

Now it works perfectly.

Thank you a lot.

Reply | Reply with quote

Madhu Sudhanan P [Syncfusion]

Replied On December 11, 2018 08:50 AM UTC

Hi Phil,

Thanks for the update. Please get back to us if you need further assistance.

Regards,

Madhu

Reply | Reply with quote

Thread ID:	Created:	Updated:	Platform:	Replies:
141372	Dec 7,2018 03:48 PM UTC	Dec 11,2018 08:50 AM UTC	ASP.NET Core - EJ 2	5

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US