【发布时间】：2013-03-29 20:44:22
【问题描述】：
我正在寻找一个基于 JS 的资源规划组件，其中左侧有可用资源，右侧有资源负载。
到目前为止，我只发现了一些甘特图实现，它们缺乏添加、移动和编辑功能。我不知道是否存在这样的组件。
【问题讨论】：
标签： javascript html gantt-chart
【发布时间】：2013-03-29 20:44:22
【问题描述】：
我不知道任何开箱即用的解决方案，但这可能很容易实现。如果您为行创建多个divs，然后为资源创建子divs，您可以构建类似规范的东西。
-
首先，以某种数据结构跟踪所有资源和持续时间。
- 我可能会使用主干 JS 的模型，因为这是我用于大多数事情的模型。
创建一个
render函数，将资源数组放置在页面上，并进行布局等。创建添加/删除元素的添加/删除函数，然后调用
render函数重新布局元素-
要添加拖动，我会使用jQuery UI Draggable，这使得拖动元素变得相当容易，并且包括在元素被拖放等时附加回调的地方。
- 这可能需要做一些事情，因为拖动事件/资源的持续时间可能不是很简单。
【讨论】：
有一个相当不错的库叫做 DHTMLX Scheduler，它还包括一个时间线视图： http://dhtmlx.com/docs/products/dhtmlxScheduler/index.shtml 您可以获得免费的 GNU GPL 版本或商业版本。可以在此处找到一个运行示例：http://booking.javaplanner.com/
【讨论】：
-
booking.javaplaner.com 上的demo暂时不可用，还有一个scheduler-net.com/demo_multisource.aspx 其实scheduler-net网站推广了另外一个组件，就是基于dhtmlxScheduler的。但是演示显示了常见的功能。免责声明：我为 DHTMLX 工作。
-
很棒的组件。我也会推荐。我们正在使用ganttpro.com 作为核心组件来构建我们自己的在线甘特图软件
我找到了http://sourceforge.net/projects/jsrmt/，但它是 GPL 许可的。我很想知道，如果你同时发现了什么。
【讨论】：
我发现了很多 js 甘特图工具，但它们都有超过 1000 个任务的性能问题。
这个http://www.bryntum.com/products/gantt/效果最好，但是很贵。
【讨论】：