具有编辑功能的JavaScript资源计划组件/甘特图

Question

我正在寻找一个基于JS的资源计划组件，我在左边有可用的资源，右边有资源负载。

​

​

到目前为止，我只发现了几个甘特图实现，它们缺乏添加、移动和编辑功能。我想知道这样的组件是否存在。

Answer 1

我不知道任何开箱即用的解决方案，但这可能是一些容易实现的东西。如果您为行创建了几个div，然后为资源创建了子div，那么您可以构建类似于规范的东西。

1. 首先，在某种数据结构中跟踪所有资源和持续时间。

- I'd probably use backbone JS's models, since that's what I use for most everything. 

​

1. 创建一个render函数，用于在页面上放置一组资源，并对其进行布局等。
2. 创建用于添加/删除元素的添加/删除函数，然后调用render函数以重新布局元素
3. 以添加拖动，我将使用jQuery UI Draggable，这使得拖动元素变得相当容易，并且包括用于在元素被拖放等情况下附加回调的位置。<代码>H216<代码>G217

- This may take some doing, as dragging the duration of the events/resources may not be perfectly straightforward.

​

Answer 2

有一个非常好的库叫做DHTMLX Scheduler，它还包括一个时间线视图：http://dhtmlx.com/docs/products/dhtmlxScheduler/index.shtml，你可以获得免费的GNU GPL版本或商业版本。在这里可以找到一个运行的例子：http://booking.javaplanner.com/

Answer 3

我找到了http://sourceforge.net/projects/jsrmt/，但它是GPL许可的。我很想知道，如果你在此期间发现了什么。