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

Question

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

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

Answer 1

我不知道有什么现成的解决方案，但这可能可以很容易地实现。如果您为行创建多个divs，然后div为资源创建子 s，您可以构建类似规范的内容。

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

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

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

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

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

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