We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

create event by dragging with more that single interval

Thread ID:

Created:

Updated:

Platform:

Replies:

142658 Feb 13,2019 06:19 PM UTC Mar 6,2019 04:17 AM UTC React - EJ 2 7
loading
Tags: Schedule
aaa
Asked On February 13, 2019 06:19 PM UTC

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 [Syncfusion]
Replied On February 14, 2019 05:49 AM UTC

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. 
 
Regards, 
Karthigeyan 


aaa
Replied On February 14, 2019 09:55 AM UTC

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 [Syncfusion]
Replied On February 15, 2019 06:56 AM UTC

Dear Customer,  
 
Thanks for your update. 
 
Same functionality can be achieved through context menu and kindly refer the below link. 
 
 
Regards, 
Karthigeyan 


aaa
Replied On March 4, 2019 03:43 PM UTC

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 [Syncfusion]
Replied On March 5, 2019 11:33 AM UTC

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. 

 
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
Replied On March 5, 2019 01:18 PM UTC

Its great, thanks.


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

Karthigeyan Krishnamurthi [Syncfusion]
Replied On March 6, 2019 04:17 AM UTC

Dear Customer,

Thanks for your update.

Regards,
Karthigeyan



CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;