clipAndEnableScrolling, wenn der Elternteil keine feste Höhe hat?

Question

Ich habe einige Probleme mit clipAndEnableScrolling, es funktioniert gut für VGroup, wenn das Elternteil feste Höhe hat, aber wenn das Elternteil keine feste Höhe hat, dann funktioniert es nicht und der Inhalt überläuft. zB:

 <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> 

Dies ist ein konstruiertes Beispiel, aber der Punkt ist, dass ich nicht die Höhe der ersten Gruppe weiß vor der Zeit kann so nicht die Höhe der zweiten Gruppe gesetzt, auch die Komponente in Die Realität ist viel komplexer, als das oben beschriebene Beispiel, ich möchte also keine Gymnastik machen müssen, um die Höhen von allem über der zweiten Gruppe zu berechnen.

Kann mir jemand sagen, wie man eine Bildlaufleiste in der zweiten Gruppe bekommt?

Cheers,

Chris

Answer 1

Können Sie versuchen Höhe über alle Gruppen auf 100%, so etwas wie dies in der scroller

<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> 

Answer 2

Setzen Sie Ihre Gruppe.

  <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>