clipAndEnableScrolling lorsque le parent n'a pas de hauteur fixe?

Question

J'ai des problèmes avec clipAndEnableScrolling, ça marche bien pour VGroup quand le parent a une hauteur fixe, mais si le parent n'a pas de hauteur fixe alors ça ne marche pas et le contenu déborde. par exemple:

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

Ceci est un exemple artificiel, mais le point est que je ne connais pas la hauteur du premier groupe à l'avance ne peut donc pas régler la hauteur du deuxième groupe, également le composant La réalité est beaucoup plus complexe que l'exemple inventé ci-dessus, donc je ne veux pas avoir à faire aucune sorte de gymnastique pour calculer les hauteurs de tout ce qui est au-dessus du second groupe.

Quelqu'un peut-il me dire comment obtenir une barre de défilement sur le second groupe?

Cheers,

Chris

Answer 1

Pouvez-vous essayer de régler la hauteur à 100% sur tous les groupes, quelque chose comme ça

<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

Mettez votre groupe à l'intérieur de la barre de défilement.

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