| Issue 238: | Way to drag external events onto the calendar | |
| 11 people starred this issue and may be notified of changes. | Back to list |
What I'm trying to do is used the jQuery drag and drop to drag a div from outside the calendar on to a day and have it create an event where its dropped. But I can't seem to work out how to get a handle on the day that the mouse is released on. The only mouse event the days have is click, but this event isn't fired when the mouse is dragged over and released. Is there an easy way to do this that I'm missing?
Dec 11, 2009
#1
koz...@gmail.com
Dec 22, 2009
i've had a few questions from other people about how to implement this sort of interface.
its a little more complicated that attaching a mouseover/mouseout to the cell, b/c it
needs to work when the user is dragging an element is under the cursor, so the cell
won't get the natural mouseover event. internally, fullcalendar uses a special
coordinate system for this, so i should probably expose to allow for the
functionality you describe.
would an API such as this be good do you think?:
$('#externalevent').draggable({
start: function() {
$('#calendar').fullCalendar('startDrag');
},
stop: function() {
var res = $('#calendar').fullCalendar('stopDrag'); // returns info about where it
was dropped
$('#calendar').fullCalendar('renderEvent', {
title: 'new event',
start: res.date,
allDay: res.allDay
});
}
});
Feb 6, 2010
Issue 303 has been merged into this issue.
Feb 6, 2010
i agree, there should be some way for the api to do this easily
Status:
Accepted
Labels: -Type-Defect Type-Enhancement
Feb 6, 2010
(No comment was entered for this change.)
Summary:
Way to drag external events onto the calendar
Mar 15, 2010
i made this feature for a single client (under os license) and have yet to roll it into a release. the api is sort of sloppily done, but it works: http://github.com/arshaw/fullcalendar/tree/fcdraggable download the branch and run examples/external-event-drag.html (if you can't get it working, i really can't spend time on supporting it yet) hoping to make it much more elegant when i release it officially.
Mar 15, 2010
Thanks, when would you estimate its released officially?
Apr 23, 2010
hi, arshaw We need some of your assistance for our university project which is at critical stage now, please let us know how may we get in touch with you. My mail address is ashishr.1988@gmail.com and we look forward to your support, for some critical issues/features for the fullcalendar. Please help!
May 26, 2010
I've tried to adapt the fcdraggable branch for 1.4.5 unsuccessfully. Do you have a little more time than you did in march to support this part?
Jul 5, 2010
hello all, today i released version 1.4.7. it has this stuff released officially: docs: http://arshaw.com/fullcalendar/docs/dropping/ example: http://arshaw.com/js/fullcalendar/examples/external-dragging.html please post any bugs as separate issues. in the future i'm hoping to add some helpers to make the "event adding" aspect a little easier (so you don't have to call renderEvent yourself) thanks for your patience.
Status:
Fixed
Jul 8, 2010
I'm trying to get this to work in MVC in a .aspx page. Everything looks great but when you drop an event it doesn't "stick". Any ideas? Thanks.
Jul 9, 2010
While tis isn't related to the dragging itself, I did post a question on stackoverflow which is related with the stick as well (I use ASP.NET MVC2). Here is the link: http://stackoverflow.com/questions/2926780/fullcalendar-implementing-a-custom-event-fetcher-using-event-as-function
Jul 23, 2010
In the "normalizeEvent(event, options)" function, at the end, there is the statement below: event.className = []; What does that mean? What are those square brackets? Thanks. Shen.
Dec 11, 2010
hi, I am new to jquery,but i want to disable or disable eventclick when previous date and time click.what os the soource code .kindly replay me immediately. Thanks ...
Aug 13, 2013
(No comment was entered for this change.)
Status:
Implemented
Aug 13, 2013
(No comment was entered for this change.)
Status:
Released
|
|
| ► Sign in to add a comment |