Performance advice requested

[Sytematic]

Hello,

Using: SmartGWT Version: v8.3p_2014-10-03/PowerEdition Deployment (built 2014-10-03)


I have a component that renders a grid, using a Vstack of Hstacks (each hstack being a row of HTMLFlow elements (eg. the cells) with fixed height+width)


Typically there are about 20 columns and 800 rows. This takes very long to render, more than one minute.

With some logging, i identified that calling VStack.addMembers() with an array of 785 rows returns in about a second, but it takes a minute after that to be fully rendered on the screen.

Is there a way to speed this up? Ie. by setting some properties on the VStack, HStack rows, and/or individual HTMLFlow rows? So far I only tried setLeaveScrollbarGap(true); to no avail.

The whole thing is rendered inside a containing VStack which is contained by a Window component.

I kind of want separate objects for each cell since they all have clickhandlers attached. Therefore I hadn't rendered the whole thing as a plain htmlflow html table

Any advice or pointers are appreciated.

[Sytematic]

Would it make sense to replace the HTMLFlow cells to something else more 'raw', if there is such a thing?

Also it seems using the google profiling tool that the calculation of the height is what seems to take a long time. But i'm not really proficient with the google profiling tool , so i'm not 100% sure if i interpret those results right :-)

Would it help to not show this grid in a window, but on a separate page without other UI elements other than the 40*785 cells?

Any pointer would be great.

[Isomorphic]

Since its a grid structure, it's a no-brainer to use a ListGrid, which allows for either arbitrary HTML or components to be placed in every cell (via showRecordComponents).