Adjustable DAtagrid issue

Question

I am working the with the flash form cfgrid and the
vdividedbox attribute of cfformgroup. How does one make the the
height of the cfgrid change when the moving the vdividedbox up and
down.
Here is the code...
<cfform action="
http://intraflir/shared/gridaction.cfc"
method="POST" name="listEditor" enctype="multipart/form-data"
timeout="9999999" style="color: ##000000;" skin="halosilver"
format="flash" preloader="no">
<cfset panelstyle="backgroundColor: ##CBDDF8;
headerColors: ##0080C0, ##0080C0;borderColor: ##FFFFFF;
barcolor:##999999; color: ##000000;font-size:12; font-family:arial;
">
<cfformgroup type="panel" style="#panelstyle#;"
label="Edit #session.tablename#" height="{Stage.height - 50}" >
<cfformgroup type="vdividedbox" >
<cfformgroup type="vbox">
<cfgrid name="listofdata" query="generallist" insert="yes"
delete="yes" sort="yes" italic="no" bold="no" appendkey="yes"
highlighthref="no" griddataalign="left" gridlines="yes"
rowheaders="no" rowheaderalign="left" rowheaderitalic="no"
rowheaderbold="no" colheaders="yes" colheaderalign="left"
colheaderitalic="no" colheaderbold="no" selectmode="browse"
picturebar="no" insertbutton="Insert" deletebutton="Remove "
textcolor="##000000" autowidth="true" style="color: ##000000;"
enabled="Yes" visible="Yes">
<cfgridcolumn name="id" display="no">
<cfgridcolumn name="#session.fieldname#"
headeralign="left" header="Category" dataalign="left" bold="no"
italic="no" select="yes" display="yes" headerbold="no"
headeritalic="no" >
</cfgrid>
<cfinput type="hidden" name="method" value="update">
<cfinput type="hidden" name="tablename"
value="#attributes.tablename#">
<cfinput type="hidden" name="fieldname"
value="#attributes.fieldname#" >
<cfinput type="hidden" name="location"
value="#attributes.location#">
</cfformgroup>
<cfformgroup type="hbox">
<cfformgroup type="horizontal" style="color:
##000000;"><cfinput type="submit" name="updateBook"
value="Save" ></cfformgroup>
</cfformgroup>
</cfformgroup>
</cfformgroup>
</cfform>

Answer 1

import the dataprovider class and try:
//add a listener for the complete event
function onDataLoad(evt:Event){
      var myData:XML =XML(evt.target.data);
      var myDataGrid:DataGrid = new DataGrid();
      var myDataGridHeader:Array = new Array();
      for each (var item:XML in myData.row[0].children())
       trace("Col: "+item.name());
       myDataGridHeader.push(item.name());
       var col:DataGridColumn = new DataGridColumn (item.name());
       myDataGrid.addColumn(col);
      myDataGrid.width = 700;
      myDataGrid.height= 200;
      myDataGrid.move(190, 150);
      addChild(myDataGrid);
      var rowList:XMLList = myData..row;
      var rowLen:int = rowList.length();
      var HeadLen:int = myDataGridHeader.length;
var dp:DataProvider=new DataProvider(myData);
myDataGrid.dataProvider=dp;
     removeEventListener(Event.COMPLETE, onDataLoad);