Question

我正试图找到一种方法以编程方式触发事件点击特定事件。

在我的应用程序中，用户拖动＆amp;将事件拖放到日历上，然后必须单击它以在弹出窗体上插入数据。

我想通过触发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); } ...

Answer 2

我知道它已经有一段时间了但是让我们为谷歌做同样事情的人保留这个：

http://www.mikesmithdev.com/blog/fullcalendar-event-details-with-bootstrap-modal/

所有内容都在该页面上解释，所以我认为我不需要进一步详述

fullcalendar.js以编程方式触发eventClick

2 个答案: