将资源视图/甘特图添加到 jQuery Fullcalendar

Posted

技术标签:

【中文标题】将资源视图/甘特图添加到 jQuery Fullcalendar【英文标题】:Adding a Resource View/Gannt chart to jQuery Fullcalendar 【发布时间】:2011-03-17 04:41:45 【问题描述】:

我正在使用jQuery Fullcalendar,如果您不使用它,我建议您也使用它,因为它的功能绝对很棒!

但要真正对我和我的项目有用 (and many others),我真诚地认为它需要资源/甘特视图。

人们会认为这不是问题...直到您深入了解 jQuery FullCalendar 并看到它生成视图的方式不适合 javascript 开发者崇拜者...即我。

意识到这超出了我的范围,我不得不去其他地方寻找任何可以提供资源视图的日历/计划程序。

以下是承诺此功能的三个专有日历。

    http://java.daypilot.org/ http://www.dhtmlx.com/docs/products/dhtmlxScheduler/index.shtml http://web2cal.com/ajaxeventscalendar/calendar-demo/912-premium-demo/157-scheduler-view

不幸的是,daypilotdhtmlxscheduler 都缺乏 FullCalendar 实现如此出色的简洁明了的界面,而 web2cal 只是看起来和感觉未完成并且仍然处于测试阶段。

另外,我想知道是否有人对如何将 jQuery 甘特图与 jquery fullcalendar 集成有任何想法。

我发现了一些看起来很有希望的项目

http://www.maro-z.com/examples/jquery.gantt/ http://code.google.com/p/jquery-gantt/ http://github.com/thegrubbsian/jquery.ganttView

我已经研究了 fullcalendar 如何生成它的视图,但到目前为止还没有成功地扩展它来为这些甘特图之一提供一个容器以“坐在”fullcalendar 中并由其按钮触发。

这似乎是更受欢迎的功能请求之一,许多人在官方问题跟踪器上要求它

http://code.google.com/p/fullcalendar/issues/detail?id=150&colspec=ID%20Type%20Status%20Milestone%20Summary%20Stars

所以我被留在了一个十字路口。我可以支付一个半生不熟的专有解决方案,它几乎没有社区支持,或者我可以通过询问真正了解 jQuery 的人来尝试找到一种在 jquery Fullcalendar 中获取资源视图的方法。

我很乐意将使用专有解决方案节省下来的资金捐赠给 Fullcalendar 的开发者。

FullCalendar 的开发者似乎有很多事情要做,我想再次感谢他提供了这个真正令人惊叹的日历。

我希望有人可以与我们分享解决方案!

提姆

【问题讨论】:

你说得对,FullCalendar 是最好的开源日历插件。 FullCalendar 有一个非常干净的 API,完全可以按照您的要求进行操作。由于这个问题还没有被任何人解决(据我所知),我冒昧地猜测这超出了 *** Q&A 的范围。我通过您网站上的联系表格向您发送了一封电子邮件。如果您想进一步讨论,请随时直接与我联系。 是的,我确信这可以完成,但这似乎是我通常作为付费项目而不是问答形式承担的工作。 (自从我上次发表评论后问题发生了变化。)也许应该为此功能开放集体赏金?看起来fossfactory.org 支持这个。 为什么不直接向 FullCalendar developers 提供报价(例如直接向 arshaw)? fullcalendar.io/scheduler 【参考方案1】:

只是为了更新为这个想法所做的工作:

https://github.com/jarnokurlin/fullcalendar

现在是 fullcalendar 的一个分支。

【讨论】:

我用这个,挺好用的。我希望它是中继代码的一部分。也许在未来可以。 @jsop 我可以更改资源视图的宽度、高度吗?因为我正在尝试这样做,但 evets 的位置会受到干扰?有什么办法可以增加高度宽度 该链接不再有效。该项目的 github 可以在这里找到:github.com/jarnokurlin/fullcalendar【参考方案2】:

对于那些搜索基于 v2.1.1 的资源视图的人。

Here is a fork 实现它,希望在某个时候合并到 fullcalendar 中。

【讨论】:

【参考方案3】:

我知道这是一个很老的问题,但几周前我一直在寻找类似的东西,但在这里找不到任何东西。所以,我使用的是Kendo Scheduler。它有一个水平分组、垂直分组、时间线和一些其他有趣的东西,比如绑定 SignalR。

此外,FullCalendar announcement 很快就会成为 Resource/Timeline view。但它可能会在商业许可下发布。

【讨论】:

【参考方案4】:

就 *** 用户可以为您提供的答案而言,这是您所能得到的最接近的答案:

http://code.google.com/p/fullcalendar/issues/detail?id=490

有一个打开的任务,底部是一些正在进行的扩展 fullcalendar 的示例,以实现您想要的。请提供贡献或清理那里的代码,以将其合并到主流的全日历项目中。

【讨论】:

【参考方案5】:

有一个https://dhtmlx.com/docs/products/dhtmlxGantt/ 也有一个资源视图。您可以将其与完整日历集成。这很简单。

【讨论】:

以上是关于将资源视图/甘特图添加到 jQuery Fullcalendar的主要内容,如果未能解决你的问题,请参考以下文章

JQuery.Gantt开发指南(转)

Web 部件中的甘特图视图

将 y 轴网格线添加到 D3 甘特图

用于甘特图的 JavaScript / jQuery 库

如何将 JQuery 插件添加到 UIWebview?

jQuery甘特图