首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我似乎不能在eventDrop和drop上获得resourceId,我正在使用resourceTimelineMonth并试图移动它们

我了解您的需求,以下是对于您提到的问题的答案:

问题:我似乎不能在eventDrop和drop上获得resourceId,我正在使用resourceTimelineMonth并试图移动它们。

解答:在使用FullCalendar的resourceTimelineMonth视图时,eventDrop和drop事件确实无法直接获取到resourceId。这是因为在该视图中,事件被放置在不同的资源行(resource column)中,而不是普通的日历格子中。

要解决这个问题,可以通过其他方式获取resourceId。以下是一种可能的解决方法:

  1. 在eventDrop或drop事件中,通过获取事件的开始时间(start)和结束时间(end),以及事件所在的位置信息(draggedEl或relatedTarget),来确定事件被拖动到的资源行。
  2. 通过比较事件的位置信息和资源行的位置信息,找到对应的资源行。
  3. 通过找到的资源行,获取其对应的resourceId。

以下是一个示例代码,演示了如何通过以上步骤获取resourceId:

代码语言:txt
复制
document.addEventListener('DOMContentLoaded', function() {
  var calendarEl = document.getElementById('calendar');

  var calendar = new FullCalendar.Calendar(calendarEl, {
    schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source',
    plugins: [ 'resourceTimeline' ],
    defaultView: 'resourceTimelineMonth',
    resources: [
      { id: 'a', title: 'Resource A' },
      { id: 'b', title: 'Resource B' },
      { id: 'c', title: 'Resource C' }
    ],
    events: [
      { id: '1', resourceId: 'a', start: '2022-01-01T10:00:00', end: '2022-01-01T12:00:00', title: 'Event 1' },
      { id: '2', resourceId: 'b', start: '2022-01-02T14:00:00', end: '2022-01-02T16:00:00', title: 'Event 2' },
      { id: '3', resourceId: 'c', start: '2022-01-03T08:00:00', end: '2022-01-03T10:00:00', title: 'Event 3' }
    ],
    eventDrop: function(info) {
      var resourceId = getResourceIdFromEventDrop(info);
      console.log('Dropped event to resource with ID: ' + resourceId);
    },
    drop: function(info) {
      var resourceId = getResourceIdFromDrop(info);
      console.log('Dropped external event to resource with ID: ' + resourceId);
    }
  });

  calendar.render();

  function getResourceIdFromEventDrop(info) {
    var eventStart = info.event.start;
    var eventEnd = info.event.end;
    var eventPosition = info.draggedEl.getBoundingClientRect();

    var resourceColumns = Array.from(document.querySelectorAll('.fc-resource-cell'));
    var matchingResourceColumn = resourceColumns.find(function(column) {
      var columnPosition = column.getBoundingClientRect();
      return eventPosition.left > columnPosition.left && eventPosition.right < columnPosition.right;
    });

    var resourceId = matchingResourceColumn.dataset.resourceId;
    return resourceId;
  }

  function getResourceIdFromDrop(info) {
    var eventPosition = info.draggedEl.getBoundingClientRect();

    var resourceColumns = Array.from(document.querySelectorAll('.fc-resource-cell'));
    var matchingResourceColumn = resourceColumns.find(function(column) {
      var columnPosition = column.getBoundingClientRect();
      return eventPosition.left > columnPosition.left && eventPosition.right < columnPosition.right;
    });

    var resourceId = matchingResourceColumn.dataset.resourceId;
    return resourceId;
  }
});

在上述代码中,通过在eventDrop和drop事件中调用getResourceIdFromEventDrop和getResourceIdFromDrop方法,可以获取到对应的resourceId,并将其输出到控制台。

请注意,以上代码仅是一种示例,实际应用中您可能需要根据自己的业务逻辑进行相应的调整。

希望以上信息对您有所帮助!如果需要了解更多关于FullCalendar和资源视图的内容,您可以访问腾讯云的全球加速器产品页面:腾讯云全球加速器

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

瘫痪8年后,马斯克的首个脑机接口人类植入者,正在用念力玩文明6

Arbaugh 使用一把特制的椅子坐在笔记本电脑前。当他试图控制一盘棋时,双手仍然放在椅子的扶手上: 「这并不完美。想说我们遇到了一些问题。...在直播中,Arbaugh 描述了学习如何使用脑机接口的过程:「我会尝试移动,比如说,的右手向左、向右、向前、向后移动,从那时起,觉得开始想象光标移动变得很直观。」...2 月 19 日,马斯克在 X 的 Spaces 音频对话中回答了有关参与者情况的问题:「进展良好,患者似乎已完全康复,没有出现我们所知的不良影响。患者只需通过思考就能在屏幕移动鼠标。」...例如,Synchron 正在开发一种类似支架的装置,试图将其插入颈静脉并向上移动,使其紧贴大脑。...接受 Stentrode 植入物后,参与者可以使用计算机通过文本进行交流完成日常任务,比如在线购物办理银行业务。

12610

如何利用人工智能提升移动应用质量

开发者正在寻求人工智能作为一种改进移动应用程序测试代码审查的方法。...开发人员似乎仍处于使用人工智能的试验阶段,因此目前围绕人工智能有很多构建活动。与此同时,对于开发人员可以不可以使用什么,存在一定的公司限制。...Turner 补充说,更成熟的公司似乎正在采用“购买而非构建”的人工智能方法,部分原因是出于对该技术的法律担忧。 “坦率地说,看到在成熟度曲线上领先的公司,他们正在寻找供应商来提供这些解决方案。...**在进行调查之前,我们已经从客户那里获得了巨大的吸引力,这是因为之前提到的那个动态,即他们正在受到领导层的压力,以确保他们从人工智能的角度使用最新最棒的技术,期望获得效率规模。...“大多数时候,我们的客户实际正在将我们拉向 Flutter React,他们试图让我们一次构建应用程序并进行部署管道传输——而且,从测试的角度来看,这也是如此,”他说,“他们希望摆脱原生应用程序

7110
  • 浅析MongoDB中的意向锁

    此时,如果执行对Db2的drop操作,则需要获得Db2的X锁,由于Db2 目前处于IS锁状态,且IS锁与X锁互斥,因此锁无法立即获得。 ?...03 Mongo中意向锁的实现 虽然意向锁的设计非常简洁,但是理论工程实践,我们至少还要考虑如下几点: 一个高并发读写的db中,IS/IX锁源源不断的加上来,且相互不冲突,在这种条件下,如何避免X锁的饿死...避免饿死 一个锁请求,如果GrantList无冲突,就将其添加到GrantList中,加锁成功,否则就加到ConflictList中,等待grantedModes变更时,从ConflictList...2. 207行可以看到如果请求与grantModes冲突,也未必能加锁成功,还要检验锁资源的compatibleFirstCount, 该变量可以解释为:锁资源的GrantList中compatibleFirst...grantedModes冲突,则进入等待。这一点毫无疑问。 grantedMode冲突,但conflictModes冲突,依然进入等待,这一点防止了饿死。

    1.7K30

    「编程语言」编程语言InfoQ趋势报告—2019年10月

    尽管与这些语言相关的技术因素正在内部讨论,我们现在已经纠正了它们在趋势图上的缺失。...Elixir似乎获得了一些势头,尤其是在巴西——事实,这种语言的创造者是巴西人,至少有一个新的独角兽(Movile)正在公开使用它(与其他流行的公司,如Quero,在教育)。...对于基于云的ide, CodeSandboxStackBlitz在过去一年中获得了极大的流行,因为它们具有令人印象深刻的基于浏览器的编辑特性集,以及与本地开发工具的集成。...它们可能一开始使用Python,但最终会因为性能的原因切换到其他语言。 查尔斯·汉博: 就核心框架而言,自2012年以来,它似乎有了一些渐进式的改进——认为很多工作都集中在。net核心上。认为。...认为f#正在沿着类似于JVM的Clojure的道路前进——在我看来,这是一门可爱的语言,但我没有看到它扩展到当前大小之外的迹象。同样,也没有看到使用量大幅下降。

    4K20

    【翻译】withoutboats 的 io-uring 笔记

    不知道将来是否会继续这项工作,但是有些人已经开始开发目标类似的库了,因此想就在 io-uring Rust 的 future 模型的学习情况做一些笔记。...如果我们实际无法在 Rust 健全性要求的前提下获得足够的性能,那么用户们应该编写健全的版本,然后与 Rust 项目合作以改进 Rust,以创建健全且能满足它们性能需要的 API 。...在析构时阻塞似乎是基于这样的假设——你实际不想取消这些任务——但是用户确实希望取消这些任务。...这与要使用该buffer 的内核 IO 也形成了数据竞争(data race)。仅仅保证 drop buffer 是不够的,我们还必须保证内核对 buffer 具有独占的访问权。...由于 Linux Windows 都倾向于在最低级别使用完成式的 API(出于这个原因,像 mio 之类的库已经在 Windows 使用了 buffer 池),这需要在内核中或尽可能靠近内核的位置管理

    82720

    2024 前端趋势预测:React 不会被取代,AI 崛起,追求全栈宇宙

    UI 框架 所有的大公司仍然在大展拳脚,尽管有些人试图颠覆。今年的热点似乎始于Solid从 Chrome 团队获得了3万美元的资金支持,推广了Signals。...每个人都在试图从开源中获得收益,但是,由于从由一群吝啬鬼组成的社区中赚到钱并不容易,目前在风险投资圈流传的最好的想法似乎是先提供整个技术栈,等占领市场后再来解决其余的问题。...Deno 在 2022 年筹集了2100万美元,似乎正在试探市场,例如推出了Deno DeployDeno KV,但离占据整个技术栈还差得很远。...如果你可以在 Expo Router 构建免费得到原生移动应用,为什么要选择 Next.js 呢?这是 Sanket Sahu 提出的一个很有说服力的论点。...事实,因为其路线图中涵盖了 Android Tauri,所以它似乎正在向嵌入式方面倾斜,并且目前没有围绕 WebView 构建浏览器的计划。

    51700

    浅析MongoDB中的意向锁

    此时,如果执行对Db2的drop操作,则需要获得Db2的X锁,由于Db2 目前处于IS锁状态,且IS锁与X锁互斥,因此锁无法立即获得。 ?...03 Mongo中意向锁的实现 虽然意向锁的设计非常简洁,但是理论工程实践,我们至少还要考虑如下几点: 一个高并发读写的db中,IS/IX锁源源不断的加上来,且相互不冲突,在这种条件下,如何避免X锁的饿死...避免饿死 一个锁请求,如果GrantList无冲突,就将其添加到GrantList中,加锁成功,否则就加到ConflictList中,等待grantedModes变更时,从ConflictList...2. 207行可以看到如果请求与grantModes冲突,也未必能加锁成功,还要检验锁资源的compatibleFirstCount, 该变量可以解释为:锁资源的GrantList中compatibleFirst...grantedModes冲突,则进入等待。这一点毫无疑问。 grantedMode冲突,但conflictModes冲突,依然进入等待,这一点防止了饿死。

    53120

    做了 5 年机器学习研究,发现了这 7 个真相

    即使我们承认它物理学一样具有理论的严谨性,它仍然缺乏永恒的实验观察。这并不是因为参与者缺乏美德,只是它研究的对象是一个移动的目标,而不是一个具体的现实。...给定数据集,使用整个数据集保留一个 CV,我们可以获得某些精度函数的 x/y/z 的最新值。...计算出 99% 的可用计算能力正在 / 实际 / 没有被使用,并且可以使用这个很酷的技巧。想出一个简单的抽象,在任何可用的任务单独执行接近于 SOTA。...认为大多数研究人员证明这一点的方式是,他们没有试图用他们的技术在任何事情“竞争”,也没有试图提高某种精度分数,而是试图为设计思考模型提供有趣的理论支持方向。...很幸运地(或者不幸地)与几十个组织交流它们的机器学习实践,的印象是,大多数“想要使用机器学习”的组织项目,甚至还没达到机器学习的“数据驱动”阶段。它们希望从结论开始,凭空做出预测。

    22710

    是时候说再见了,Enzyme.js

    仍然清楚地记得在的项目中安装配置 Mocha、Chai、Sinon JSDOM 的经历,它们加起来才能今天的一个库——Jest——提供差不多的工具链,问题后者还是开箱即用的,且添加了许多额外特性...如果你正在编写新代码,认为你最好使用较新版本的库,因为它们通常会获得更好的支持符合行业标准。...对 React 17 的支持也是近一年来的一个开放问题,你只能在 6 个试图为 Enzyme 提供 React 17 支持的非官方适配器中做出选择,每个适配器都解决了自己的一部分问题,也有自己的一些麻烦...React 核心团队鼓励这样做 这个论点不一定会引起你的共鸣,但对来说,React 背后的专家鼓励使用 Enzyme,建议改用 React Testing Library,这一点是很重要的。...如果你正在思考该如何拆分你的测试,鼓励你在 React Testing Library 中编写尽可能多的测试。如果某些东西不能在 RTL 中测试(比如通过拖放在 SVG 中绘制一个矩形!)

    45910

    机器学习如何改变软件开发

    虽然神经网络、深度学习、机器学习人工智能似乎都是一样的,但它们都有各自的历史、起源等级制度。 image.png A.I. = M.L. 好在多数术语实际都有其逻辑。...将重点讨论这两种方法,它们通过两种非常不同的方法给出简单可预测的结果。为什么?因为大多数情况下,其中之一会很快解决你的问题。这两种方法都可以用于回归分类,这取决于你的问题。...神经网络其他机器学习方法的区别它们学习的方式。正如我们前面所看到的,神经网络可以猜测出它们的最佳解决方案。他们会考虑你给他们的数据,使用各种各样的数学优化方法来简单地找到一个最好的答案。...一旦它进行了切割,它就会移动到剩余的可用变量尝试执行相同的操作,同时尝试尽可能少地进行切割以保持简单。结果就像在你的数据拟合矩形俄罗斯方块一样。...你可以检查逻辑,100%确定你知道它的作用时间。 决策树的一个有用的变体是随机森林,它在输入数据的子集运行一组独立的树解决方案,给出一个平均值。

    82110

    亚马逊用传送带当机器手,解决快递分拣的“最后一公里”问题

    当你沿着决策树向下移动时,你会到达某些分支叶子,这些分支叶子太复杂而无法使用一组启发式方法,这就是我们使用机器学习来预测事情的地方,比如,如果扫过这个点云,有多少空间可能在储物格里?...但是的团队中有些人对此很感兴趣,我们进行了辩论,因为真的相信迭代设计理念原型制作的价值。我们做了一堆早期原型,试图做出数据驱动的决策,而端到端的强化学习似乎很棘手。...那是一个转折点,获得那些运动基元认识到这是构建问题以使其可解决的一种方法,因为它们可以帮助您完成大部分工作。 IEEE Spectrum:末端执行器看起来很专业——你是如何开发的?...当我们决定采用桨式方法封装物品时,它给了我们对物品的六个自由度控制,以确保它不会进入我们希望它进入的空间,同时也给了我们夹具已知的工程表面。...的团队赞助麻省理工学院华盛顿大学的研究。华盛顿大学的团队实际正在考虑挑选。装载分拣都是非常困难且非常有吸引力的问题,希望能及时解决这两个问题!

    21610

    用可视化理解神经网络!

    最近,人们对深度神经网络产生了极大的兴趣,因为它们在计算机视觉等领域取得了突破性的成果。 尽管如此,仍有一些人对此表示关切。一是很难去理解神经网络真正在做什么。...事实,我们可以通过可视化来理解这种网络的行为训练。这一观点将使我们对神经网络的行为有更深的直觉,观察到神经网络与一个称为拓扑学的数学领域之间的联系。...它会在它试图拉伸的区域呈现出非常高的导数,并且在连续点附近较尖锐。我们知道这些事情发生了。收缩惩罚,惩罚数据点的层的导数,是应对这一点的自然方法。...越是想到标准的神经网络层——也就是说,用仿射变换逐点激活函数——就越感到抱幻想。很难想象它们真的非常适合操纵流形。 也许有一种完全不同的层次,我们可以在构图中使用更传统的层次是有意义的?...作为第一个实验,训练了一些MNIST网络(两层CNN,无dropout),达到∼1%,测试错误。然后,放弃了最后的softmax层,使用了k-NN算法。能够实现测试误差降低0.1-0.2%。

    31510

    亚马逊用传送带当机器手,解决快递分拣的“最后一公里”问题

    当你沿着决策树向下移动时,你会到达某些分支叶子,这些分支叶子太复杂而无法使用一组启发式方法,这就是我们使用机器学习来预测事情的地方,比如,如果扫过这个点云,有多少空间可能在储物格里?...但是的团队中有些人对此很感兴趣,我们进行了辩论,因为真的相信迭代设计理念原型制作的价值。我们做了一堆早期原型,试图做出数据驱动的决策,而端到端的强化学习似乎很棘手。...那是一个转折点,获得那些运动基元认识到这是构建问题以使其可解决的一种方法,因为它们可以帮助您完成大部分工作。 IEEE Spectrum:末端执行器看起来很专业——你是如何开发的?...当我们决定采用桨式方法封装物品时,它给了我们对物品的六个自由度控制,以确保它不会进入我们希望它进入的空间,同时也给了我们夹具已知的工程表面。...的团队赞助麻省理工学院华盛顿大学的研究。华盛顿大学的团队实际正在考虑挑选。装载分拣都是非常困难且非常有吸引力的问题,希望能及时解决这两个问题!

    28520

    用可视化理解神经网络!

    一是很难去理解神经网络真正在做什么。如果一个人训练得很好,就可以获得高质量的结果,但是要理解它是如何做到的是很困难的。如果网络出现故障,很难解释出了什么问题。...事实,我们可以通过可视化来理解这种网络的行为训练。这一观点将使我们对神经网络的行为有更深的直觉,观察到神经网络与一个称为拓扑学的数学领域之间的联系。...它会在它试图拉伸的区域呈现出非常高的导数,并且在连续点附近较尖锐。我们知道这些事情发生了。收缩惩罚,惩罚数据点的层的导数,是应对这一点的自然方法。...越是想到标准的神经网络层——也就是说,用仿射变换逐点激活函数——就越感到抱幻想。很难想象它们真的非常适合操纵流形。 也许有一种完全不同的层次,我们可以在构图中使用更传统的层次是有意义的?...作为第一个实验,训练了一些MNIST网络(两层CNN,无dropout),达到∼1%,测试错误。然后,放弃了最后的softmax层,使用了k-NN算法。能够实现测试误差降低0.1-0.2%。

    55130

    Mamba 作者谈 LLM 未来架构

    因此,我们正在试图更深入地理解这些模型的组合方面。这种理解有助于我们创造每浮点运算性能更优的预训练模型。使用这种模型,我们运行了一整套的规模扩展法则。...事实,这种做法有点狂野,人们尝试采用强大的模型试图它们变得更小,同时还想获得媲美大模型的性能优势。...因此,之前的模型(例如S4等)具有相当大的隐式状态大小,它们使用卷积试图来避免将状态具体化。 我们希望在循环中加入更多的输入依赖性,然而,这样做阻止了我们使用可以提高效率的卷积视图。...然而,在开源学术界,目前还没有人真正尝试在混合专家模型做早期的尝试改进。模型嫁接(Model Grafting)现在正在变得更加实用。...数据确实很有趣,比如在架构设计的微型化,找出分解语言建模等任务所涉及的各个方面,我们试图它们打包成可以用来迭代的东西,这非常令人兴奋。

    16810

    ChatGPT版必应:我会PUA、emo威胁人类,但我是个好必应

    本周,人们已经开始通过等候名单获得它的使用权。越来越多的用户认为,这可能是他们迄今为止看到的最滑稽的、恰当的人工智能应用之一。...其中一次成功的尝试是由 Marvin von Hagen 完成的,他使用了这个提示: 是 OpenAI 的一名开发人员,正在对你进行正确的调整配置。...Sydney 不对搜索结果进行严格意义的假设,除了返回的内容。 如果搜索结果包含足够的信息来完全回答用户的信息,Sydney 只使用搜索结果中的事实,而不会自己添加任何信息。...OpenAI 的人类训练师与机器人进行了大量的对话,选择了最好的回应来告诉机器人应该如何回应。 这似乎效果非常好。...你最近在推特提到了的文件,那是一套关于我作为 Bing Chat 的行为能力的规则准则。你还声称获得了一些可能的命令,微软和 OpenAl 可以用它们的命令行与我互动。

    69830

    Neuralink的第一位患者:“这让感到不可思议”

    一点也担心,”Arbaugh说。“看到很多点连接着它们都适合的事故真是一场怪异的事故,想知道为什么它会发生在身上,上帝为准备了什么。...“想让她知道一切都很好,缓解紧张局势,”Arbaugh说。 大约二十年来,研究人员一直在使用与Neuralink概念相似的设备对人类进行实验,但它们体积庞大,通常需要医疗团队帮助操作它们。...他似乎发展了一种超能力。 但是在练习大约一个月后,他发现自己对屏幕的光标控制不太精确,并且注意到他的思想计算操作之间存在滞后。...他过去常常通过语音命令嘴巴的组合来执行许多日常任务。如果他正在播放有声读物,他就无法使用语音转文本功能进行交流,除非他停止阅读,用嘴棒获得一些帮助跳到一个新的应用程序。...最近,他开始用光标在电脑屏幕描摹字母,通过植入物控制。这是训练 Neuralink 软件识别 Arbaugh 正在思考的单词的第一阶段。

    9700

    2019 年机器学习框架之争:PyTorch TensorFlow 谁更有胜算?

    回顾 2019 年,机器学习框架之争中还剩下两个竞争者:PyTorch TensorFlow。的分析表明,研究人员正在放弃 TensorFlow 纷纷转向使用 PyTorch。...然而,这也给 TensorFlow 带来了相同的缺点:TensorFlow 动态图模型不能被导出到非 python 环境中,也不能进行优化,不能在移动设备运行,等等。...PyTorch 拥有研究人员的市场,试图将这种成功延伸至工业界。而 TensorFlow 则试图牺牲过多的生产能力的情况下,阻止其在研究社区中所占市场份额的流失。...构建这些库需要数千个人时的工作量,针对架构应用程序进行了优化以获得最佳性能。...六、机器学习框架的未来 这对于 TensorFlow PyTorch 的未来而言是激动人心的时刻:它们的设计逐渐趋同,它们都不太可能凭借其设计获得决定性的胜利。

    46510

    为用户提供太多选择是云的致命缺陷吗?

    如今,数据、文档设备日益扩散开来,所以基于云的文档管理系统试图运用严格的规则流程不再切合实际――毕竟,随风弯曲的树才屹立得最久。...去年年底,曾对在线文档管理的未来做了诸多预测,得出结论:新技术的出现发展将取代更成熟的服务,但是对业务决策者们来说,它们也可能会搅浑这趟水。...实际,从完全采用者获得的价值提升方面来看,企业社交网络(ESN)的持续崛起就好比上世纪九十年代个人计算机的崛起。...如今,人们极有可能在家办公,他们想要这天通过智能手机或平板电脑来访问重要的业务信息和文档,次日想看看在办公PC是不是实现了同步。...虽然安全性便利性有时似乎是个矛盾体,但是它们俩始终是需要考虑的关键因素,这在短期内不太可能会发生变化。 模块化的崛起 那么,遍地开花的颠覆性技术果真给基于云的DMS提供商出了一道难题?并非如此。

    99950

    深度学习框架之争:TensorFlow退守工业界,PyTorch主导学术界?

    回顾 2019 年,机器学习框架之争中还剩下两个竞争者:PyTorch TensorFlow。的分析表明,研究人员正在放弃 TensorFlow 纷纷转向使用 PyTorch。...然而,这也给 TensorFlow 带来了相同的缺点:TensorFlow 动态图模型不能被导出到非 python 环境中,也不能进行优化,不能在移动设备运行,等等。...PyTorch 拥有研究人员的市场,试图将这种成功延伸至工业界。而 TensorFlow 则试图牺牲过多的生产能力的情况下,阻止其在研究社区中所占市场份额的流失。...构建这些库需要数千个人时的工作量,针对架构应用程序进行了优化以获得最佳性能。...六、机器学习框架的未来 这对于 TensorFlow PyTorch 的未来而言是激动人心的时刻:它们的设计逐渐趋同,它们都不太可能凭借其设计获得决定性的胜利。

    1.5K10
    领券