clipAndEnableScrolling, когда родитель не имеет фиксированной высоты?

Question

У меня возникли некоторые проблемы с clipAndEnableScrolling, он отлично работает для VGroup, когда родитель имеет фиксированную высоту, но если родитель не имеет фиксированной высоты, он не работает и содержимое перетекает.Например:

      <s:TitleWindow width="500" height="500">

          <s:VGroup width="100%">

            <s:Group width="100%">

              <!-- The content in here changes height based on the state, I won't complicate this example with the details -->

            </s:Group>   

            <s:Group width="100%" clipAndEnableScrolling="true">

                    <s:Scroller height="100%" width="100%">
                        <s:DataGroup dataProvider="{someData}" width="100%">

                            <s:layout>
                                <s:VerticalLayout gap="1"/>
                            </s:layout>

                        </s:DataGroup>

                    </s:Scroller>
            </s:Group>

         </s:VGroup>

       </s:TitleWindow>

Это надуманный пример, но дело в том, что я не знаю высоту первой группы раньше времени, поэтому не могу установить высоту второй группы, такжекомпонент в реальности намного сложнее, чем надуманный пример выше, поэтому я не хочу выполнять какие-либо гимнастические упражнения, чтобы вычислить высоту всего выше второй группы.

Может кто-нибудь сказать мне, какполучить полосу прокрутки во второй группе?

Приветствия,

Крис

Answer 1

Поместите свою группу в скроллер.

            <s:Scroller height="100%" width="100%">
                <s:DataGroup dataProvider="{someData}" width="100%" height="100%">

                    <s:layout>
                        <s:VerticalLayout gap="1"/>
                    </s:layout>

                </s:DataGroup>

            </s:Scroller>
    </s:Group>

Answer 2

Можете ли вы попробовать установить высоту на 100% для всех групп, как-то так

 <s:TitleWindow width="500" height="500">

      <s:VGroup width="100%" height="100%">

        <s:Group width="100%" height="100%">

          <!-- The content in here changes height based on the state, I won't complicate this example with the details -->

        </s:Group>   

        <s:Group width="100%" height="100%" clipAndEnableScrolling="true">

                <s:Scroller height="100%" width="100%">
                    <s:DataGroup dataProvider="{someData}" width="100%" height="100%">

                        <s:layout>
                            <s:VerticalLayout gap="1"/>
                        </s:layout>

                    </s:DataGroup>

                </s:Scroller>
        </s:Group>

     </s:VGroup>

   </s:TitleWindow>