CODEWITHSUNDEEP
javascriptjqueryfullcalendar
0x4a6f4672
0x4a6f4672

Reputation: 28245

fullCalendar eventClick handler does not work if editable false

The jQuery fullCalendar plugin seems to have a problem in the editable mode in certain cases. If the eventClick handler is set and editable is true, than the eventClick function will not work, only the eventDrop function. If editable is set to false, the eventDrop function does not work (as expected), but the eventClick function does. I am not sure where the problem is, is it possible to use the eventClick and eventDrop handler while editable is true? Has someone encountered a similar problem while using the plugin? 

$('#calendar').fullCalendar({
  ..
  editable:true,
  eventClick: function(calEvent, jsEvent, view) {
    .. // only called if editable is false (?)
  },
  eventDrop: function(event,dayDelta,minuteDelta,allDay,revertFunc) {
    .. // only called if editable is true (correct)
  }

Upvotes: 5

Views: 7351

Answers (3)

Nuno Silva
Nuno Silva

Reputation: 758

I also had the editable: true option and instead I fixed it by installing the jQuery UI modules:

  • Draggable (the Droppable module is not required)
  • Resizable

Upvotes: 0

0x4a6f4672
0x4a6f4672

Reputation: 28245

First I thought the jQuery version has something to do with it. Further testing did not confirm this hypothesis. It turns out that the click handler works only if you disable resizing with disableResizing:true, i.e. if editable is true (editable:true) then the click event is only triggered if resizing is disabled (disableResizing:true). Maybe the Resize and Click events influence each other somehow..

Upvotes: 4

James Ellis-Jones
James Ellis-Jones

Reputation: 3092

It seems from the above that using jQuery 1.3.2 was causing this problem and a more recent version of jQuery will fix this issue.

Upvotes: 1

Related Questions