Flex Whiteboard application - like Visio/MS Powerpoint

Question

Hi all, I am creating an application that will allow users to model system information by allowing them to Drag and Drop objects from a Flex Tree into some sort of canvas/grid ie: like a whiteboard application eg: Visio/MS Powerpoint etc.

The application requires the following functionality:

• Drag and drop items from a Tree to some sort of canvas/grid
• Move items within the canvas/grid
• Delete items from the canvas/grid
• Resize items in the canvas/grid
• Save the position of the items to a database
• Has good performance in terms of rendering components with images

I am not sure which Flex component is best suited to the canvas/grid. I was thinking of using either:

• Datagrid or (can't drag/drop to cells easily though)
• Grid or (can drop to cells via gridrow/griditems mxml tags)
• TileList or (problem with this is that it rearranges all items when you move 1 item)
• some other list?

I think the grid would suite my purposes the best as it would enforce objects to be placed within a gridrow/griditem.

Any ideas or discussion on this would be great. Thanks Mike

Answer 1

You can use Degrafa for create canvas with drag&drop and resize functionality

See this demo http://www.finflex.fi/projects/degrafaProcessMap/

See ya