投放到某个事件(而不是日历) - 如何识别事件?

发布于 2024-11-03 23:09:26 字数 322 浏览 1 评论 0原文

我已经成功实现了将 jquery-ui 元素拖动到我的 fullCalendar 上。问题是,我想要放置的不是日历本身,而是日历上显示的特定事件,以便将放置的项目添加到该事件中。缺少的部分是如何识别当我放下鼠标时发生的事件。

drop: function (date, allDay, jsEvent, ui)
{
   var event = ???;
   event.description += ui.helper.data("filters").text;
   $('#calendar').fullCalendar('updateEvent', event);
}

I have successfully implemented dragging of a jquery-ui element onto my fullCalendar. The problem is that what I want to drop onto is not the calendar itself but a specific event displayed on the calendar in order to add the dropped item to the event. The missing piece is how to identify the event that was under the mouse when I dropped.

drop: function (date, allDay, jsEvent, ui)
{
   var event = ???;
   event.description += ui.helper.data("filters").text;
   $('#calendar').fullCalendar('updateEvent', event);
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

盗心人 2024-11-10 23:09:26

我已经找到了解决方案。基本上你必须将“droppable”添加到事件元素中。我通过捕捉“eventRender”来做到这一点(我认为这是一个好地方)......

eventRender: function (event, element)
{
    // store the ID for later...
    $(element).data('id', event.id);
    element.droppable({
        drop: function (event, ui)
        {
            // get the ID I stored above...
            var rowID = $(this).data('id');

I've discovered the solution. Basically you have to add "droppable" to the event element. I do this by catching the "eventRender" (I assume this is a good spot)...

eventRender: function (event, element)
{
    // store the ID for later...
    $(element).data('id', event.id);
    element.droppable({
        drop: function (event, ui)
        {
            // get the ID I stored above...
            var rowID = $(this).data('id');
能否归途做我良人 2024-11-10 23:09:26

我刚刚实现了这个 - 谢谢你的解决方案!

我将它与 drop 结合使用 - 我需要能够将事件拖放到另一个事件或某个日期上。

就我而言,添加 event.stopPropogation();在 element.droppable drop 中,需要阻止日期删除功能的触发。

I just implemented this - thankyou for your solution!

I'm using it in combination with drop - I need to be able to drop events either onto another event or onto a date.

In my case adding event.stopPropogation(); in element.droppable drop is necessary to stop the date drop function from also triggering.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文