Drag/Resize To Next Month/Day

mehmet yanbak

Asked On December 26, 2019 02:37 PM UTC

Hi,

If the event ends at the end of the month/day , I can't drag/resize it to the next month/day . How can i achieve this ? Please find attached a sample image.

Attachment: end_of_month_2874fb98.rar

Reply | Reply with quote

Vinitha Devi Murugan [Syncfusion]

Replied On December 30, 2019 09:40 AM UTC

Hi mehmet,

Syncfusion Greetings.

You can achieve your requirement by enabling navigation in dragStart event. Please refer below sample and UG link.

https://stackblitz.com/edit/angular-fad5fz-fprbxt?file=app.component.ts

UG Link: https://ej2.syncfusion.com/angular/documentation/schedule/appointments/?no-cache=1#auto-navigation-of-date-ranges-on-dragging-an-event

Kindly try the sample and Please let us know if you need any further assistance on this.

Regards,

M.Vinitha devi

Reply | Reply with quote

mehmet yanbak

Replied On January 6, 2020 12:40 PM UTC

Hi Vinitha,

Your solution works but that's not exactly what I want. When I drag the event to the next month, I want just the end point of the event should move to the next month. Like in this example: https://ej2.syncfusion.com/angular/demos/#/material/schedule/timeline-resource-grouping

But I can't drag it to the next month/day.

Please find attached a sample images for better understanding.

This is my HTML, I couldn't find my mistake

<ejs-schedule #scheduleObj width='auto' height='100%' cssClass='custom-css'
              *ngIf="isComponentReady" locale='tr' (eventRendered)="eventRendered($event)"
              [selectedDate]="selectedDate" (dataBound)="onDataBound()"
              (actionComplete)='onActionComplete($event)'
              (actionBegin)="onActionBegin($event)"
              [group]="group" [allowResizing]="true" [rowAutoHeight]="true" [allowDragAndDrop]="true"
              [eventSettings]="eventSettings" [currentView]="currentView">
  <e-resources>
    <e-resource #project field='ProjectId' title='Choose Project' name='Projects' textField='text' idField='id'
                colorField='color' [dataSource]='roomDataSource' [allowMultiple]='allowMultiple'
                expandedField='Expand'>
    </e-resource>
    <e-resource field='TaskId' title='Category' name='Categories' textField='text' idField='id'
                groupIDField='groupId' colorField='color' [dataSource]='stationDataSource'
                [allowMultiple]='allowMultiple'>
    </e-resource>
  </e-resources>
  <e-views>
    <e-view option='TimelineDay'></e-view>
    <e-view option='TimelineMonth' [isSelected]="true"></e-view>
  </e-views>
</ejs-schedule>

Attachment: drag_70b7f8bc.rar

Reply | Reply with quote

Vengatesh Maniraj [Syncfusion]

Replied On January 7, 2020 08:47 AM UTC

Hi Mehmet,

We have tried the shared code in the below sample and it has been working as expected.

Sample: https://stackblitz.com/edit/angular-drag-event-to-this-mont-to-next-month-qvmflt?file=app.component.html

Kindly check the above sample and if still the issue persists, make your changes in the same sample and revert us the same to resolve it soon.

Regards,

Vengatesh

Reply | Reply with quote

Thread ID:	Created:	Updated:	Platform:	Replies:
150212	Dec 26,2019 02:37 PM UTC	Jan 7,2020 08:47 AM UTC	Angular - EJ 2	3

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US