flex-users mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Jesse Ward-Karet <...@tanium.com>
Subject Re: Creating a performant item renderer for scollable data grid cells
Date Thu, 02 May 2013 17:44:35 GMT
Tom, I've thought about showDataTips, but even with a custom data tip skin I don't think I
can get the functionality I need.

Romain, I don't need styled text. UITextField is good enough for me. As far as I'm aware,
StyleableTextField doesn't help me with the scrolling issue.

Alex, where would you attach the scroller to the display list? As a child of the grid, the
main app, or other? What would you use as the viewport? Maybe an invisible GroupBase that
is positioned over the cell?

Thanks for your help, I really appreciate it.

On May 1, 2013, at 9:12 PM, Tom Brazil <tom.brazil@systar.com> wrote:

> Sometimes, showDataTips does the trick for full visibility without scrolling.
> -----Original Message-----
> From: Alex Harui [mailto:aharui@adobe.com] 
> Sent: Wednesday, May 01, 2013 11:07 PM
> To: users@flex.apache.org
> Subject: Re: Creating a performant item renderer for scollable data grid cells
> As soon as you need a scrollbar in the way the SDK implements it, you need a whole bunch
of display objects, the player has to mask stuff, etc, which means that tons more work is
> Here's a thought:  Don't put a scrollbar in the renderer.  Instead, on hover, float a
scrollbar over the renderer they are floating over.  I think it will be a bit of work to implement,
but I think something like that will scroll the best.
> On 5/1/13 8:25 PM, "Romain KELIFA" <romain.kelifa@gmail.com> wrote:
>> did you try with a StyleableTextField, or is it a too basic component 
>> for your need ?
>> Le 1 mai 2013 23:50, "Jesse Ward-Karet" <jwk@tanium.com> a écrit :
>>> Long time listener, first time poster... thanks in advance.
>>> I've been banging my head for a few days now trying to create an 
>>> AdvancedDataGrid item renderer that allows individual cells to scroll 
>>> in a performant manner. Basically if there are more than 10 or so 
>>> lines of text, rather than changing the height of the row, I want to 
>>> show a scrollbar within the cell.
>>> I've tried using TextArea, TextField, Label, TextFlow, Sprite, and a 
>>> few other things.  As soon as I get a lot of renderers on screen, 
>>> performance goes to hell, i.e. 5-10 seconds to render a grid with ~200 cells.
>>> I've posted an example with 5 different item renderer classes here 
>>> (view source enabled):
>>> http://jessewk.users.sonic.net/ScrollingRenderer/ScrollingRenderer.sw
>>> f
>>> The look I'm trying to achieve is the "Scroller w/ Label" item renderer.
>>> If you try selecting 'Scroller w/ Label' and 'Single Line Data' 
>>> you'll see that it takes several seconds to display.
>>> Of note, performance seems to be about 2x better on Mac OS vs. 
>>> Windows. To really feel the pain, try a Windows browser.
>>> In any event, if anybody has ideas how to make a faster item renderer 
>>> I'd be extremely grateful. Also, to be clear, I'm stuck with AdvancedDataGrid.
>>> Thanks,
>>> Jesse
> --
> Alex Harui
> Flex SDK Team
> Adobe Systems, Inc.
> http://blogs.adobe.com/aharui

View raw message