Kendo Editor - Inline editing toolbar hide event?

2 Answers 16 Views
Editor Toolbar
Bob
Top achievements
Rank 2
Iron
Veteran
Iron
Bob asked on 09 Feb 2022, 07:15 PM

I am using multiple Kendo editors on a page, all with inline editing so that the toolbar shows/hides when the editor gains/loses focus for input.  One of the custom tools that was added to the toolbar is to open a symbol selection popup.  When the user navigates to a different editor, I would like to close the popup of the first editor, but I am not sure what event I should tie into to make this happen.  Is there an event for when the toolbar is hidden?

Thanks for your help, Bob

2 Answers, 1 is accepted

Sort by
0
Accepted
Martin
Telerik team
answered on 14 Feb 2022, 08:54 AM

Hello, Bob,

There is no Editor event that triggers when the inline toolbar is hidden. You can try binding to the close event of the Window that is containing it using the code below:

$("[data-role='window']").data("kendoWindow").bind("close", function(){alert("close")})

Let me know if that would be helpful.

Regards,
Martin
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

0
Bob
Top achievements
Rank 2
Iron
Veteran
Iron
answered on 14 Feb 2022, 02:37 PM

Hi Martin,

Thank you very much for this suggestion.  My usage is a bit more complicated as I am using the jQuery editor in Angular, and I have multiple editors on the same page, but your solution led me to this:

    this.kendoEditor.toolbar.element.parent("[data-role='window']").data('kendoWindow')?.bind('close', () => {
      this.showInsertSymbolPopup(false);
    });

This is working great.

Thanks, Bob

Tags
Editor Toolbar
Asked by
Bob
Top achievements
Rank 2
Iron
Veteran
Iron
Answers by
Martin
Telerik team
Bob
Top achievements
Rank 2
Iron
Veteran
Iron
Share this question
or