create event by dragging with more that single interval

[aaa]

for example here:

https://ej2.syncfusion.com/react/demos/#/material/schedule/events

I can select  many cells by dragging  mouse. But how can i create event on this selection?   this event sample not show   any event happens at this time

[Karthigeyan Krishnamurthi]

Dear Customer, 

  

Thank you for contacting Syncfusion support. 

 

After selecting the multiple cells, please press the enter key. It will show the quick popup to create an event for the selected range. 

https://ej2.syncfusion.com/react/documentation/schedule/accessibility/#keyboard-interaction 

 

Regards, 

Karthigeyan 

[aaa]

Thanks,

Is it possible to track selection by events?

Keyboard interaction is not obvious for my users, and I want to  show some tips or even  additional  button on toolbar with same functionality as Enter key

[Karthigeyan Krishnamurthi]

Dear Customer,  

 

Thanks for your update. 

 

Same functionality can be achieved through context menu and kindly refer the below link. 

https://ej2.syncfusion.com/react/demos/#/material/schedule/context-menu 

 

 

Regards, 

Karthigeyan 

[aaa]

is it possible  to implement something  like google calendar?
 so on mouseDown I'm creating event and enter in resize state somehow

like in this example
http://intljusticemission.github.io/react-big-calendar/examples/index.html#selectable

[Karthigeyan Krishnamurthi]

Dear Customer,

Thanks for your update.   

  

We suspect that your requirement is to create an event after selecting the group of cells. We have prepared the sample to open editor window after selecting the group of cells using openEditor public method as below. 

 https://stackblitz.com/edit/react-pn2mt6-1nsv9w?file=index.js
 

 

mouseupHandler(e) {

    var target = e.target.classList.contains('e-work-cells');

    var selectedCells = this.scheduleObj.element.querySelectorAll(".e-selected-cell");

    if (selectedCells.length > 1 && target) {

      var activeCellsData = this.scheduleObj.getCellDetails(this.scheduleObj.getSelectedElements());

      this.scheduleObj.openEditor(activeCellsData, 'Add');

    }

  }

  componentDidMount() {

    document.addEventListener('mouseup', this.mouseupHandler.bind(this));

  }

  componentWillUnmount() {

    document.removeEventListener('mouseup', this.mouseupHandler.bind(this));

  }

 

  

Note: We recommend default context menu option. 

Regards,
 

Karthigeyan

[aaa]

Its great, thanks.


BTW, context menu is not obvious for end-users, especially for user who used google calendar before

[Karthigeyan Krishnamurthi]

Dear Customer,

Thanks for your update.

Regards,

Karthigeyan