6

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

在此处输入图像描述

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

4

4 回答 4

4

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

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

    • 我可能会使用主干 JS 的模型,因为这是我用于大多数事情的模型。
  2. 创建一个render函数,在页面上放置一组资源,并将它们布置出来,等等。

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

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

    • 这可能需要做一些事情,因为拖动事件/资源的持续时间可能不是很简单。
于 2013-03-29T21:28:53.953 回答
2

有一个相当不错的库叫做 DHTMLX Scheduler,它还包括一个时间线视图: http://dhtmlx.com/docs/products/dhtmlxScheduler/index.shtml 您可以获得免费的 GNU GPL 版本或商业版本。可以在此处找到一个运行示例:http: //booking.javaplanner.com/

于 2013-12-11T07:25:41.503 回答
1

我找到了http://sourceforge.net/projects/jsrmt/但它是 GPL 许可的。我很想知道,如果你在此期间发现了其他任何东西。

于 2013-04-26T15:02:04.093 回答
1

我发现了很多 js 甘特图工具,但它们都有超过 1000 个任务的性能问题。

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

于 2015-10-14T12:26:22.787 回答