RE: [flexcoders] Flex 2.0.1 constraint based layout

[Tracy Spratt]

Try setting the width of both the HBox and the Application to 100%

 

Tracy Spratt,

Lariat Services, development services available

  _____  

From: flexcoders@yahoogroups.com [mailto:flexcod...@yahoogroups.com] On
Behalf Of Annette Spooner
Sent: Monday, March 23, 2009 12:46 AM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Flex 2.0.1 constraint based layout

 

Hi,

I am trying to use constraint based layout to have a datagrid adjust in size
as the browser window is resized. I have put together a simplified example
below, but it is not working. When the application is first displayed, the
datagrid does not stretch to fill the width or height of the window. When I
resize the window to be smaller then the datagrid, the datagrid simply
disappears off the edge. Can you tell me what I am doing wrong please?

Thanks,

Annette

 

<?xml version="1.0" encoding="utf-8"?>

                                

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; 

                layout="absolute" 

                horizontalAlign="left"

                horizontalScrollPolicy="off" 

    creationComplete="initApp();">

                

                                <mx:Script>

                                                <![CDATA[

                                                                import
mx.collections.ArrayCollection;

                                                                import
ascomponents.City;

                                

                                                                private var
cities:Array;

                                                                [Bindable]
public var citiesView1: ArrayCollection;

  

                                                                public
function initApp():void 

                                                                {

 
cities = new Array();

 
cities[0] = new City("Sydney", "NSW", "2000", "Australia");

 
cities[1] = new City("Melbourne", "VIC", "3000", "Australia");

 
cities[2] = new City("Brisbane", "QLD", "4000", "Australia");

                                                

 
citiesView1 = new ArrayCollection(cities);

                                                                }

  

                                                ]]>

                                </mx:Script>

 

                <mx:HBox>

                                <mx:DataGrid id="testdg1"
dataProvider="{citiesView1}" editable="true" rowCount="5" width="100%"
height="100%" left="0" right="0" top="0" bottom="0"> 

                                                <mx:columns>

 
<mx:DataGridColumn headerText="Name" dataField="name" editable="false"/>

 
<mx:DataGridColumn headerText="State/Pcode" dataField="state"
editable="true"  />

 
<mx:DataGridColumn headerText="Country" dataField="country"
editable="true"/>

 
<mx:DataGridColumn headerText="Name" dataField="name" editable="false"/>

 
<mx:DataGridColumn headerText="State/Pcode" dataField="state"
editable="true"  />

 
<mx:DataGridColumn headerText="Country" dataField="country"
editable="true"/>

                                                </mx:columns>

                                </mx:DataGrid>

                </mx:HBox>

</mx:Application>

 

 

package ascomponents

{

                                public class City

                                {

                                                public var name: String;

                                                public var state: String;

                                                public var postcode:String;

                                                public var country:String;

                                                

                                                public function
City(n:String, s:String, p:String, c:String)

                                                {

                                                                name = n;

                                                                state = s;

                                                                postcode =
p;

                                                                country = c;

                                                }

                                }

}