Close Custom Editor Window with React Functional Component and Custom Editor

[Drew]

Hello,

Could someone kindly advise how to close a custom editor window using React functional components? I am using a reference to the scheduler object and closeEditor (e.g., scheduleRef.closeEditor()), but nothing happens after I call the function.

Thanks!

[Vinitha Devi Murugan]

Hi Drew,

Greetings from Syncfusion Support.

We have validated your requirement “how to close a custom editor window using React functional components” at our end. We achieved your requirement by using below code. We have prepared simple sample for your reference.

https://stackblitz.com/edit/scheduler-using-functional-componets-close-editor-window?file=components%2Fchild.js

let
scheduleInst;

function
Schedule() {

  function
CloseEditorWindow() {

    scheduleInst.closeEditor();

  }

  return (

    <>

      <button
onClick={() =>
CloseEditorWindow()}>close editor</button>

      <ScheduleComponent

        id={'Schedule'}

        ref={(schedule) => (scheduleInst = schedule)}

        width="100%"

….

…>

Kindly try with the above sample and get back to us if you need any further assistance.

Regards,

Vinitha