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

Question

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

到目前为止，我只发现了一些甘特图实现，缺乏添加，移动和编辑功能。我是否存在这样的组件。

Answer 1

我不知道任何开箱即用的解决方案，但这可能很容易实现。如果为行创建多个div，然后为资源创建子div，则可以构建类似规范的内容。

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

   • 我可能会使用主干JS的模型，因为这是我用于大多数事物的所有内容。

2. 创建一个render函数，在页面上放置一系列资源，并将它们放在一起等等。

3. 创建添加/删除元素的添加/删除功能，然后调用render函数重新布局元素

4. 要添加拖动，我使用jQuery UI Draggable，这样可以很容易地拖动元素，并包含在拖动，删除元素等时附加回调的位置。

   • 这可能需要一些工作，因为拖延事件/资源的持续时间可能不是非常简单。

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许可。如果你发现其他任何事情，我很想知道。

Answer 4

我找到了很多js gantt工具，但它们都有1000多个任务的性能。

这个效果最好http://www.bryntum.com/products/gantt/，但价格相当昂贵。