question DataGrid Scolling - Flex

Question

J'ai un DataGrid,

<mx:DataGrid styleName="alternateColor" 
    verticalScrollBarStyleName="verticalScrollStyle" 
    headerSeparatorSkin="uiExtensions.DataGridHeaderSeparators" 
    width="100%" height="100%" editable="false" color="#000000" 
    verticalGridLines="false" variableRowHeight="true" 
    itemEditEnd="processData(event);" sortableColumns="false"> 

    <mx:columns> 
     <mx:DataGridColumn wordWrap="true" dataField="Name"> 
      <mx:itemRenderer> 
       <mx:Component> 
        <mx:Box> 
         <mx:Text id="tbName" selectable="false" 
          width="100%" fontSize="12" text="{data.Name}"/> 
         <mx:Text id="tbcontact" selectable="false" 
          width="100%" text="{data.Contact}"/> 
        </mx:Box> 
       </mx:Component> 
      </mx:itemRenderer> 
     </mx:DataGridColumn> 
    </mx:columns> 
</mx:DataGrid> 

Le DataGrid ne défile pas vers le bas après que je l'ai ajouté 2 composants de texte dans un DataGridColumn.

La barre de défilement défile vers le haut lorsque vous l'abaissez.

Appréciez toute aide.

Merci.

Answer 1

Problème Résolu,

J'ai utilisé un VBox et l'étiquette au lieu des balises et la boîte de texte dans le code affiché ci-dessus.

Mon code ressemble maintenant à ceci ...

    <mx:Component> 
        <mx:VBox horizontalGap="0" verticalGap="0"> 
         <mx:Label id="tbclassified" selectable="true" width="100%" fontSize="11" text="{data.Classified}"/> 
         <mx:HBox horizontalGap="0" verticalGap="0"> 
          <mx:Label id="tbcategory" textAlign="left" selectable="true" width="100%" fontStyle="italic" color="#9F2200" text="{data.ClassifiedCategory}"/> 
          <mx:Label id="tbcontact" textAlign="right" selectable="true" width="100%" text="{data.Name} - {data.Contact}"/> 
         </mx:HBox> 
        </mx:VBox> 
       </mx:Component> 

Answer 2

Le défilement est activé dans un DataGrid lorsque la hauteur de la grille n'est pas suffisante pour afficher tous les éléments dans son fournisseur de données; pas lorsque vous ajoutez plus de contrôles à ses colonnes. Vous venez de définir une grille de données avec une seule colonne comportant deux contrôles Texte. Affectez une taille suffisante aux données dataProvider de la grille et cela fonctionnera. Comment utiliser le contrôle Box au lieu de HBox ou VBox?