javascript - fullcalendar.js 以编程方式触发事件Click

Question

我正在尝试找到一种以编程方式触发特定事件的方法。

在我的应用程序中，用户将事件拖放到日历上，然后必须单击它才能在弹出表单上插入数据。

我想通过触发 eventClick 自动调出该表单。有人吗？

干杯

这是我的代码:

var calendar = $('#calendar').fullCalendar({
         buttonText: {
            prev: '<i class="icon-chevron-left"></i>',
            next: '<i class="icon-chevron-right"></i>'
        },
        header: {
            left: 'prev,next today',
        },
        eventSources: [{
            // a bunch of event sources
        }],
        drop: function(date, allDay) { // this function is called when something is dropped

            // do some stuff to the event that has been dropped
            var event = ...; // I know how to get the event object from here

            **// TRIGGER 'eventClick' ON EVENT OBJECT DROPPED IN ORDER TO SHOW FORM**

        },
        eventClick: function(calEvent, jsEvent, view) {

            // Show the data entry form
        }

    });

Answer 1

您可以使用不同的 Fullcalendar 回调来实现此目的，here

特别是这些:

eventDragStart(回调)事件拖动开始时触发。

eventDragStop(回调)事件拖动停止时触发。

eventDrop(回调)当拖动停止并且事件已移动到不同的日期/时间时触发。

eventResizeStart(回调)在事件调整大小开始时触发。

eventResizeStop(回调)当事件调整大小停止时触发。

您可以使用它们来获取事件属性(例如 id)，然后在其中使用表单弹出窗口。

示例:

假设您想在放置后弹出表单，您将使用此

...
eventDragStop:function( event, jsEvent, ui, view ) { 
  alert("i have been dropped, now i´m going to load my form, and my ID is " + event.id);
}
...