html - JavaScript Resource Planning ComponentGantt Chart with Editing Capabilities - Stack Overflow

admin管理员组

文章数量:1287490

I'm looking for a JS-based Resource Planning Component, where i have the available resources on the left and the resource load on the right.

So far i only found a few gantt chart implementation, which lack add, move and editing capabilitys. I wounder whether such a ponent exists.

I'm looking for a JS-based Resource Planning Component, where i have the available resources on the left and the resource load on the right.

So far i only found a few gantt chart implementation, which lack add, move and editing capabilitys. I wounder whether such a ponent exists.

• javascript
• html
• gantt-chart

Share Improve this question Follow edited Dec 11, 2013 at 22:28 worenga asked Mar 29, 2013 at 20:44 worengaworenga 5,85633 gold badges3232 silver badges5151 bronze badges

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 4

I don't know of any out of the box solutions, but this is something that could probably be implemented somewhat easily. If you create several divs for rows, and then sub-divs for resources, you could build something like the spec.

1. First, keep track of all the resources, and the durations, in some kind of a datastructure.

   • I'd probably use backbone JS's models, since that's what I use for most everything.

2. Create a render function, that places an array of resources on the page, and lays them out, etc.

3. Create add/remove functions that add/remove elements, then call the render function to relayout the elements

4. To add dragging, I'd use jQuery UI Draggable, this makes it fairly easy to drag elements, and includes places for attaching callbacks when elements are dragged, dropped, etc.

   • This may take some doing, as dragging the duration of the events/resources may not be perfectly straightforward.

There is a quite nice library called DHTMLX Scheduler which also includes a timeline view: http://dhtmlx./docs/products/dhtmlxScheduler/index.shtml You can get the free GNU GPL version or a mercial one. A running example can be found here: http://booking.javaplanner./

I found http://sourceforge/projects/jsrmt/ but it is GPL licensed. I am curious to hear, if you found anything else meanwhile.

I have found lots of js gantt tools, but they all have performance isuues with 1000+ tasks.

This one works best http://www.bryntum./products/gantt/, but it's quite expensive.

本文标签： htmlJavaScript Resource Planning ComponentGantt Chart with Editing CapabilitiesStack Overflow