so im struggeling for a while with a scrolling problem now.
I'm developing a flex application with some complex views. On of the views is like a word document view. It pulls data from the database and represents requirement specification. You can also edit the data within this "word" view. It should basicially work like microsoft word. That view works fine but i have one issue with it: Scrolling!
To realize that view i have created a complex ItemRendererClass that contains another complex ItemRenderClass. Imagine it like that>
-List of chapters (itemrenderer)
- Chapternumber + ChapterTitle
- List of data (itemrenderer)
- lots and lots of attributes
All in all I'm really happy how the "word" view&editor works but if im scrolling down and im over the second lists which represents the list of requirements i cant scroll anymore, when the mouse is out of the list item i can scroll again. What i have done is i use virtuall layout on both lists for performance reasons and the second lists height is a 100%, so the second scroller never appears. I have tried to disable the second scroller of the second lists with "this.scroller.setStyle('verticalScrollPolicy', 'off')". But nothing happens. What i want is a normal scrolling behaviour, means that it shouldnt matter where in the "wordview" the mouse is i want to scroll like it is one list and not 2 lists.
I would appreciate a hint where i should look for advice, or maybe someone i the communitiy has faced the same problem.
Should the second list ever be scrollable? If not, use a DataGroup for it instead. If is should scroll sometimes (and/or requires mouse interactions), you will need to add in some extra logic to tell it when the item renderer should capture your mouse and when it should not. You should then set mouseEnabled to false on the second list when it's determined that it should not capture your mouse (this is just one possible solution off the top of my head... but that should do the trick I think...).
Thanks for your advice.
I have solved the problem in a different and for me easier way.
What i did was i created a skin for the second List. In this skin i just removed the scroller component. In addition to that i have had to assign the scroller from the second list to the parent List component.
Works like a charm, so far .