StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POAdding a Resource View/Gannt chart to jQuery Fullcalendar
text
Body
copied!<p>I am using <a href="http://arshaw.com/fullcalendar/" rel="noreferrer">jQuery Fullcalendar</a> and if you're not using it I suggest you do too because it is absolutely fantastic at what it does!</p> <p>However to be <strong>really</strong> useful to me and my project (<a href="http://code.google.com/p/fullcalendar/issues/detail?id=150&colspec=ID%20Type%20Status%20Milestone%20Summary%20Stars" rel="noreferrer">and many others</a>) I honestly believe it needs a resource/gannt view.</p> <p>Not a problem one would think... until you look under the hood of jQuery FullCalendar and see that the way it generates it's views is not for javascript developer wannabes... ie me.</p> <p>Having realised this is out of my league I had to go searching elsewhere looking for any calendar/scheduler that will provide a resource view.</p> <p>Here are three proprietary calendars that promise this feature.</p> <ol> <li><a href="http://java.daypilot.org/" rel="noreferrer">http://java.daypilot.org/</a></li> <li><a href="http://www.dhtmlx.com/docs/products/dhtmlxScheduler/index.shtml" rel="noreferrer">http://www.dhtmlx.com/docs/products/dhtmlxScheduler/index.shtml</a></li> <li><a href="http://web2cal.com/ajaxeventscalendar/calendar-demo/912-premium-demo/157-scheduler-view" rel="noreferrer">http://web2cal.com/ajaxeventscalendar/calendar-demo/912-premium-demo/157-scheduler-view</a></li> </ol> <p>Unfortunately both <em>daypilot</em> and <em>dhtmlxscheduler</em> lack the clean and clear interface that FullCalendar achieves so well and <em>web2cal</em> just looks and feels unfinished and is still in Beta.</p> <p>Alternatively I was wondering if anyone has any ideas on how I could integrate a jQuery Gannt chart with jquery fullcalendar.</p> <p>I have found a few projects that look promising</p> <ul> <li><a href="http://www.maro-z.com/examples/jquery.gantt/" rel="noreferrer">http://www.maro-z.com/examples/jquery.gantt/</a></li> <li><a href="http://code.google.com/p/jquery-gantt/" rel="noreferrer">http://code.google.com/p/jquery-gantt/</a></li> <li><a href="http://github.com/thegrubbsian/jquery.ganttView" rel="noreferrer">http://github.com/thegrubbsian/jquery.ganttView</a></li> </ul> <p>I have looked into how fullcalendar generates its views and so far have not had any success in extending this to provide a container for one of these gannt charts to 'sit within' fullcalendar and be triggered by its buttons.</p> <p>This seems to be one of the more popular feature requests with many people asking for it on the official issue tracker</p> <p><a href="http://code.google.com/p/fullcalendar/issues/detail?id=150&colspec=ID%20Type%20Status%20Milestone%20Summary%20Stars" rel="noreferrer">http://code.google.com/p/fullcalendar/issues/detail?id=150&colspec=ID%20Type%20Status%20Milestone%20Summary%20Stars</a></p> <p>So I am left at a cross roads. I could pay for a half baked proprietary solution that has minimal to no community support or I can try and find a way of getting a resource view inside of jquery Fullcalendar by asking the people who really know jQuery.</p> <p>I would happily donate the funds saved from using a proprietary solution to the developer of Fullcalendar.</p> <p>The developer of FullCalendar seems to have a lot on his plate and I would like to again thank him for this truly amazing calendar.</p> <p>I hope someone can share a solution with us!</p> <p>Tim</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload