выравнивание dataGrid в компоненте сетки. - PullRequest
Новая
       24

выравнивание dataGrid в компоненте сетки.

0 голосов
/ 29 июля 2011

пожалуйста, в приведенном ниже коде я хотел бы выровнять сетку данных в gridItem с экземпляром 'row5' так, чтобы он был выровнен с другим textInput в экземплярах 'row3' и 'row4'?

спасибо за любые предложения. 

 <mx:Grid paddingTop="4" paddingLeft="4">
    <mx:GridRow id="row1">
        <mx:GridItem>
            <s:Label text="Description:" 
                     paddingTop="5"/>
        </mx:GridItem>
        <mx:GridItem>
            <s:TextArea id="descTI" width="227" height="50"/>
        </mx:GridItem>
    </mx:GridRow>

    <mx:GridRow id="row2">
        <mx:GridItem>
            <s:Label text="Name:" 
                     paddingTop="5"/>
        </mx:GridItem>
        <mx:GridItem colSpan="3">
            <s:TextInput id="nameTI" width="227"/>
        </mx:GridItem>
    </mx:GridRow>

    <mx:GridRow id="row3">
        <mx:GridItem>
            <s:Label text="Target:" 
                     paddingTop="5"/>
        </mx:GridItem>
        <mx:GridItem colSpan="3">
            <s:TextInput id="targetTI" width="227"/>
        </mx:GridItem>
    </mx:GridRow>
    <mx:GridRow id="row4">
        <mx:GridItem>
            <s:Label text="Through level:" 
                     paddingTop="5"/>
        </mx:GridItem>
        <mx:GridItem colSpan="3">
            <s:TextInput id="throughLevTI" width="227" height="20"/>
        </mx:GridItem>
    </mx:GridRow>
    <mx:GridRow id="row5">
        <mx:GridItem colSpan="4">
            <s:Label text="Operand:" 
                     paddingTop="5" />
            <mx:DataGrid id="attrDG">
                <mx:columns>
                    <mx:DataGridColumn dataField="variable" 
                                       width="150"/>
                    <mx:DataGridColumn dataField="level" 
                                       width="150"/>
                </mx:columns>
            </mx:DataGrid>
        </mx:GridItem>
    </mx:GridRow>
</mx:Grid>

1 Ответ

0 голосов
/ 01 августа 2011

Проверьте этот код: некоторые изменения в GridItem, colspan и width, и все готово. 

<mx:Grid paddingTop="4" paddingLeft="4">  
    <mx:GridRow id="row1"> 
        <mx:GridItem>        
            <s:Label text="Description:"  paddingTop="5"/> 
        </mx:GridItem>     
        <mx:GridItem>      
            <s:TextArea id="descTI" width="300" height="50"/> 
        </mx:GridItem> 
    </mx:GridRow>    
    <mx:GridRow id="row2">  
        <mx:GridItem>        
            <s:Label text="Name:" paddingTop="5"/>   
        </mx:GridItem>        
        <mx:GridItem>     
            <s:TextInput id="nameTI" width="300"/>  
        </mx:GridItem>   
    </mx:GridRow>   
    <mx:GridRow id="row3">  
        <mx:GridItem>        
            <s:Label text="Target:" paddingTop="5"/> 
        </mx:GridItem>      
        <mx:GridItem> 
            <s:TextInput id="targetTI" width="300"/>     
        </mx:GridItem>   
    </mx:GridRow>    
    <mx:GridRow id="row4"> 
        <mx:GridItem>       
            <s:Label text="Through level:" paddingTop="5"/>  
        </mx:GridItem>        
        <mx:GridItem> 
            <s:TextInput id="throughLevTI" width="300" height="20"/>       
        </mx:GridItem>   
    </mx:GridRow>  
    <mx:GridRow id="row5">   
        <mx:GridItem>  
            <s:Label text="Operand:" paddingTop="5" />  
        </mx:GridItem>   
        <mx:GridItem> 
            <mx:DataGrid id="attrDG">    
                <mx:columns>          
                    <mx:DataGridColumn dataField="variable" width="150"/>           
                    <mx:DataGridColumn dataField="level"           
                                       width="150"/>       
                </mx:columns>       
            </mx:DataGrid>    
        </mx:GridItem>   
    </mx:GridRow> 
</mx:Grid>
...