Update: Do check out the Flex 4 prototype of of the gantt chart here.
Flex 3.0 (Moxie) beta is out and I am sure most of you would have started playing around with the cool new features of Moxie. <mx:AdvancedDataGrid> is the new, improved DataGrid – a super cool component in moxie. Its a very exciting moment for me because I was part of the engineering team that designed and developed this control 
. I spent a few hours yesterday to see if I can use this control to write a simple Gantt chart, given the fact that the AdvancedDataGrid lets you have column spanned itemRenderers , groupedColumns and hierarchical display. I took a similar approach to what Doug had done in his example of a gantt chart.
This is what I got!!
This is a rough prototype that I wrote and I sure dint spend much time designing this application. I will try and get this one as a component when I have a little more of free time.
Things I loved about AdvancedDataGrid doing this small app
- AdvancedDataGrid Rocks!
- The new groupingCollection APIs make hierarchical display of data Child’s play
- The rendererProviders property and the column spanning lets you customize itemRenderers in a much advanced way than DataGrid
- <mx:AdvancedDataGridColumnGroup> lets you group the columns seamlessly!
The horizontal scrolling is a little slow, but we are sure working on it to get it a lot faster than what it is now! (hey, its just a beta!)
You can download the source code from here.[Adobe Share] If you cant figure out much from the data, its just a timeline of set of tasks and their respective percentages. Red shows delayed. Orange shows delayed start, green shows timely completion, grey - not yet started and blue – in progress.
The code that I have written requires many rounds of cleaning up before I can share it publicly :p (I will do that soon!). In the meanwhile, do check this space for a new series of tips & tricks and tutorials on working with the new AdvancedDataGrid.
All of ya keep flexing your “moxie” till then!
[...] Simple GanttChart using AdvancedDataGrid of Flex 3.0 (Moxie) Flex 3.0 (Moxie) beta is out and I am sure most of you would have started playing around with the cool new features of […] [...]
Top Posts « WordPress.com
14 Jun 07 at 12:01 am
Awesome Bro… cool stuff
Raghu
14 Jun 07 at 4:35 am
[...] Read more here. [...]
Simple GanttChart using AdvancedDataGrid of Flex 3.0 (Moxie) « Flash Enabled - Get Ready With Flash…
21 Jun 07 at 10:23 am
when do you think you will be able to share the code. This is exactly what i have been looking for?
Sean Scott
22 Jun 07 at 4:56 am
[...] using AdvancedDataGrid (moxie) June 28, 2007 Posted by vodka in flex. trackback Few days back I had posted an example of a Gantt chart component developed using the AdvancedDataGrid of moxie. I was playing around with [...]
Task Scheduler Chart using AdvancedDataGrid (moxie) « flexgeek
28 Jun 07 at 8:13 am
This is what we need for our project, if we can’t find or build it in Flex we must do this project in swing. Please send me the source code, we don’t care for the “unclean” code, but will give us a point to get started.
Johan
18 Sep 07 at 11:49 am
May you share with us the code of the app?
I’d like to see the source code to compare with Doug’s source.
Thanks!
Santiago
13 Oct 07 at 4:11 am
Nice code ! I am really interesting by your source, when you post it ?? Especially about the group support (I try to do the same in an advanceddatagrid but I fail ;-( )
Post your code even if it’s not as clean as your expect
Thks you so much
Tom
23 Oct 07 at 9:29 am
Hiii,
It seems to be cool feature added in moxie.
I have created treeGrid with database dirven records structure, & added few link buttons for some cells to show more meta-data per cell.
This component will help me more to customized in all ways.
Thanks,
Prashant D Shelke.
Prashant D Shelke.
4 Dec 07 at 1:15 pm
Is there any way to group rows as well? I can appreciate grouping columns but for some of my visuals I would like to be able to group chunks of rows.
ie.
– -
-<
– -
- – -
James
7 Dec 07 at 4:26 am
I have been reading your articles now for a while and they look great, thanks for sharing them. I’ve learned a lot.
Cheers
Vincent
The World of Office Tips and Tricks.
Vincent from the World of Office Tips & Tricks
13 Jan 08 at 1:21 pm
Never mind the slow scrolling, this app could save us tons of time on projects. Thanks for the hard work!
Clare Dupp
17 Jan 08 at 6:25 pm
This is a great tool for managing data when we are operating multiple projects at once. I appreciate the work you put in.
Clare
18 Jan 08 at 6:22 am
When you’re ready to unveil that cleaned up code, I think we’d all like to see it. This seems like an extremely useful tool for coordinating ongoing projects.
Jonathan
18 Jan 08 at 6:43 am
[...] meanwhile I got several comments, mails and even angry remarks for posting the source code of the gantt chart / task scheduler chart that I had posted here a few months back. Thanks for the interest shown, [...]
Happy new year!! « flexgeek
29 Jan 08 at 12:32 pm
it’s good if you can post the source code.
Dave John
9 Feb 08 at 4:23 am
Yes, very interresting ! I works on a similar approach, but I’m also a flex beginer … thanks in advance for the source code.
David
14 Mar 08 at 8:08 am
Hi,
Can u post the source code. I really need it. Thanks.
nadh
25 Mar 08 at 4:38 am
I’d love to see the source.
Tyler
8 May 08 at 4:09 pm
as other examples that are based on the Flex DataGrid the bar column is not scrollable. I guess this component only supports scrolling-by-column, not …by-pixels, right? Do you know any workaround?
kblau
2 Jun 08 at 2:02 am
See this also http://www.yutiti.com
Rainer
8 Jun 08 at 12:05 pm
Great work..can you share the source?
MM
16 Jun 08 at 3:42 pm
I use the flex AdvancedDataGrid
Jesse Couch
24 Jun 08 at 6:17 pm
Tht’s really cool and great
. Can you please send me the source code for this? I am egar to use and do some additional things in it if possible 
.
Thanx in advance
Hrushi
11 Jul 08 at 8:10 am
Have you seen yutiti http://www.yutiti.com Gantt chart?
eli
21 Jul 08 at 8:09 pm
Hi there, I’m having problems accessing the example.
Is it still up there?
Thanks a lot
Damian
Damian
15 Aug 08 at 5:10 pm
Hello, can you send me the source code? I’m a beginner of using flex =)
YaNa
21 Aug 08 at 2:11 am
Hi Vodka,
This is just great!. I would love to see how you implemented it.
Could you please kindly send me the source code as well?
I would greatly appreciate it.
Thanks
Vicky
2 Sep 08 at 5:38 pm
Hi, could you please send me the source code? It’s great job but I just couldn’t test it.
Thanks a lot.
Jim
20 Sep 08 at 5:42 pm
Hi, great work, could you please also send me the source? Thank you
savage
25 Sep 08 at 6:05 pm
Looks good; similar to what ILOG Elixr is doing, but for free! Could you send me the source as well?
Thanks in advance!
Adam
1 Oct 08 at 7:28 pm
hi, the application looks great.
i’d love to see the application in action.
could you send me the source, please?
thanks a lot.
mish
2 Oct 08 at 1:40 pm
Your application astonishes me.
If you do not mind, I would like to refer to your source for my project.
Please share your source with me.
Thank you
Kim
23 Oct 08 at 7:13 am
Hai,
The application is too great…
If u dont mind, please share your source with me.
Thank you
Praj4821
18 Nov 08 at 4:12 am
Awesome Work Dear
If it is possible for you, can you please Share the Codes Because I was looking for some thing Related to this .
Thanks & Regards
Vivek Manchanda
Vivek Manchanda
24 Nov 08 at 8:36 am
HELLO
WOULD YOU SEND ME WITH EMAIL SOURCE OF “Simple GanttChart using AdvancedDataGrid of Flex 3.0 (Moxie)”
I VEREY VERY IN DANGER
MOJGAN
30 Nov 08 at 10:27 am
That’s really AWESOME !
I was looking for a gantt chart a bit more sophisticated than Doug’s One, and your’s just seems perfect.
Could you send me the source code for the Gantt that we can see in screenshot please ?
(The source code link does not provide the same ganttchart)
Thanks in advance
Regards
Jeremy
9 Dec 08 at 11:21 am
I love your post!
I’m going to echo the request of so many others and ask that you email your source code
Thanks for all of your hard work.
Regards
Matthew
16 Dec 08 at 11:08 pm
Hi !
Could you please share the Source Code for this Gantt using
Advance Data Grid in Flex 3.0.
If you share it, its really helpful for me.
And advance Thanks for you …
My mail id is : walkwithsabari@gmail.com
Sabari@Flex
2 Jan 09 at 6:41 am
Hi,
this will be very helpful for me, could you please share the source code ?
Thanks.
Dave
9 Jan 09 at 12:51 am
Hi,
It is just great. Could you please share the source code?
Thanks,
Jon
Jon
13 Jan 09 at 6:09 pm
Hi
An excellent innovative code. Please if you can send me a modified code in such a way so that it is flexible for any given time period of a task. And please send me the modified code as soon as possible immediately as a help.
Thanks.
zameer.
zameer
22 Jan 09 at 4:16 am
[...] days back I had posted an example of a Gantt chart component developed using the AdvancedDataGrid of moxie. I was playing around with [...]
flexgeek » Blog Archive » Task Scheduler Chart using AdvancedDataGrid (moxie)
10 Feb 09 at 5:16 pm
[...] I got several comments, mails and even angry remarks for not posting the source code of the gantt chart / task scheduler chart that I had posted here a few months back. Thanks for the interest shown, [...]
flexgeek » Blog Archive » Source code for TaskScheduler chart in Flex
10 Feb 09 at 5:18 pm
[...] check out my Simple Gantt chart built on [...]
flexgeek » Blog Archive » Tips & Tricks : AdvancedDataGrid - grouping & summary rows
10 Feb 09 at 5:19 pm
[...] I found the Doug’s post about the gantt chart component and flexgeek post (with doug’s same approach). this seemed a good option and actually started to develop it on [...]
Flexlib Scheduling Sample « withbreakpoints.com
7 Jun 09 at 9:16 am
hi! can i also get a source code for this one? we really need it in our project. thanks! btw this is my e-mail ad: mon_star88@yahoo.com
mon
24 Jun 09 at 9:17 pm
Looks like you are not interested in sharing the source code…….Anyway very nice work…
Santhosh
3 Jul 09 at 3:04 pm
The code looks good, after spending time digging around I am unable to determine how to update the display once the contents of the array collection is changed.
Any help would be appreciated.
Thanks
sneeo
22 Oct 09 at 2:22 am
Sneeo:
Let me take a look and get back to you.
Harish
admin
27 Oct 09 at 2:29 pm
hi! can i also get a source code for this one? we really need it in our project. thanks! btw this is my e-mail ad: bjk8472@naver.com
Baek JongKeun
11 Nov 09 at 1:59 pm
I hope you will provide us for the source code in someday. We are looking forward for that. Thank you for the good article.
gantt chart template
21 Dec 09 at 9:01 pm
You can download the source from here – http://blog.flexgeek.in/storage/GanttApp.zip
Harish Sivaramakrishnan
23 Dec 09 at 11:09 am
[...] http://blog.flexgeek.in/2007/06/simple-ganttchart-using-advanceddatagrid-of-flex-30-moxie/ [...]
eeeeee | 统计过程控制与六标准差品质 SPC & 6σ
25 Jan 10 at 4:46 am
In your source, file GanttComponent.mxml is empty, are you sure that is normal ?
Shino
30 Mar 10 at 3:18 pm
You wouldn’t need that one to use the actual component.
Harish Sivaramakrishnan
30 Mar 10 at 3:37 pm
Very Nice Work !!
You’re Gantt chart looks very useful !
Doug’s one was already awesome, but yours seems to be a little more advanced!
Could you send me the source code for the Gantt that we can see in screenshot please ?
(The source code link does not provide the same ganttchart)
Thanks a lot !
Best regards
Krazymins
13 Apr 10 at 8:04 pm
Hi, this is kishore. I am a trainee. I was given a task that , i need to insert shapes in the textarea. Suppose if i add a shape(cirlce) and if i click on the rectangle then the circle shoul be converted to rectangle shape. Could tuo please help me regarding this. I am trying it since one week, but i couldn;t move forward
KishorePendyala
23 Apr 10 at 10:19 am
hi
i have a requirement like using strike for text area text(line through) .could u please help me how to use strike for text area text
Srinivas
Srinivas Chowdary
23 Apr 10 at 10:34 am
Adchilles
6 May 10 at 6:04 pm
It seems like the first post was in 2007, and I see above it was mentioned that it will be available as a component to use. Is it available and not posted on this blog?
jaroos
19 Nov 10 at 10:32 pm