【问题标题】:fullcalendar.js: dragging multiple events on one timefullcalendar.js:一次拖动多个事件
【发布时间】:2012-10-18 09:32:33
【问题描述】:

要求如下:

  1. 我们将元素 X 拖放到 2012 年 10 月 19 日(比方说)
  2. 我们将元素 Y 拖放到同一日期(2012 年 10 月 19 日)
  3. 直观地表明日历上的元素已“连接”
  4. 将这对元素保存到数据库中

框架:Ruby on Rails 3.2.8、jQuery-1.8.1、fullcalendar.js 1.5.4

【问题讨论】:

  • 你是在说2个元素——丢1个再丢另一个,同一天丢第二个,然后自动保存?或者将多个元素放在同一天(任意数量),然后单击保存按钮以保存到数据库?
  • 第一个,一旦第二个在同一天被丢弃,然后自动保存对象。

标签: jquery ruby-on-rails jquery-ui drag-and-drop fullcalendar


【解决方案1】:

我会在 FullCalendar 事件中创建一个非标准字段,名为 linkedto。对于事件 A,这将包含它所链接到的事件 B 的事件 ID,反之亦然。 您使要拖放到 Fullcalendar 上的元素可拖放。将元素放置到某一天(使用 Fullcalendar 删除回调)后,您将在内存中的 FullCalendar 事件 (clientEvents) 中搜索当天的事件。 如果没有找到,则在当天使用来自 drop 回调的详细信息创建一个新事件(称为 A)。 如果找到事件,则使用链接事件 ID (A.id) 的 linkedto 创建一个新事件(称为 B),并使用新事件 ID (B.id) 更新链接事件的 linkedto 字段。 ID)。 创建事件 B 后,使用 ajax 帖子将两个事件保存回服务器(确保保存事件的所有详细信息,包括 linkedto 详细信息)。

不确定您希望如何直观地链接这两个事件。这对事件在每个月的每一天都共享一种独特的颜色就足够了吗?您可以为每个月的每一天设置一组颜色(1 到 31),并在创建事件时将这对事件的 backgroundColor 设置为该颜色。

【讨论】:

    猜你喜欢
    • 2018-02-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-05-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多