I am having a problem with my grid cutting off certain rows. I have images in my grid that are pulled from the database. The grid seems to obtain its height based on the height of the individual rows, which normally are loaded no problem, but when images are introduced into those rows, the image load delay causes the grid to think its height should be less than what it is supposed to be. The rows height is set to auto and is resized properly when the image is loaded, but the grid is not resizing itself for the new row height. So the bottom row(s) get cut off sometimes depening on image load times. Is there a workaround for this other than directly telling my grid to be a certain height? Because that will look funny if there are only 3 rows on the page and it is hardcoded to show 10.
Please help. I feel like I have tried everything. Is there an event I can use to resize the grid after all the images are done loading?
Hi jwascher,
There are methods in the grid that do resizing. One of these should probably do it. Why don't you try grid._onResize({ "clientHeight": grid._element.clientHeight }, false); If that doesn't work, let me know. Or put a debugger and see what sort of resize methods are avaiable off of the grid object. They will most likely be private, thus starting with a '_'.
regards,
David Young
Was unable to get that to work. I do not have time to mess around with it but I know my images are all the same height so I just hardcoded the rowheight and now there is no issue.