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

Question

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

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

Answer 1

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

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

   • 我可能会使用 backbone JS 的模型，因为这是我用于大多数事情的模型。

2. 创建一个render函数，在页面上放置一组资源，并对其进行布局等。

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

4. 要添加拖动，我会使用 jQuery UI Draggable ，这使得拖动元素变得相当容易，并且包括在元素被拖放等时附加回调的地方。

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