There are several ways to solve that.
1.) Doing it HTML way (the way you did it). I am not sure why it takes 20
seconds (btw how did you create the rectangles?).
You might look into the cell widgets ( they provide better performance
for dynamically creating large amounts of cells).
2.) SVG Graphics.
There are some 3rd party libraries (like RaphaelJS) you can use or if
its really just rectangles you can create it yourself easily. Advantage of
SVG is vector graphics (scaling) and easy to implement handlers on the
objects (i.e. clickhandler on seat).
However SVG might not scale well with large amounts of objects because
you have to deal with 5000 DOM objects (for each seat one svg element)
though there might be some workaround for that (re-using similar objects,
etc).
3.) Canvas.
Probably scales best with large number of objects. However dealing with
eventhandlers is not as easy as with SVG or HTML. GWT 2.2 introduces the
canvas API (so you could use it natively in GWT). Alternatively there are
also some 3rd party libraries (processingjs,
etc).
Disadvantage with SVG and Canvas is browser compatibility especially with
IEs. In GWT 2.2 the canvas API only supports I.E > 9.0 (chrome safari and
firefox work fine). ExCanvas provides support for I.E. <0.9 but you have
to incorporate it yourself and performance is not really that good.
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
