DataGrid n000bie - headerText and data woes...

Question

Hi,
So, I haven't worked with the DataGrid before until now; what I'm trying to do is grab the data from the first line of xmlDP, '<team>', and utilize those attributes as the column headerText(i.e.: 1. Chk, 2. Nam0rz, 3. Average, etc...). I can get that going, but I can't insert my data after I alter the col.headerText. via addColumn. See the comments in the code below for more of a description, but seeing how the DataGrid is a new paradigm for me, I know I'm doing this all wrong.
If anyone can help me wrangle this code together in order to get the desired outcome, or explain how to better construct the below code in order to achieve the desired outcome, I would greatly appreciate it.
import fl.data.DataProvider;
import fl.controls.dataGridClasses.DataGridColumn;
import fl.data.DataProvider;
import fl.controls.DataGrid;
import fl.data.DataProvider;
var loader:URLLoader = new URLLoader;
var aDg:DataGrid = new DataGrid();
var xmlDP:XML = <team col0="1. Chk" col1="2. Nam0rz" col2="3. Average" col3="4. DATA" col4="5. DATA2">
                <player checkBox="" name="Player G" avg="0.493" data="BLAH 7" data2="BLAH 17"/>
                <player checkBox="" name="Player H" avg="0.414" data="BLAH 8" data2="BLAH 88"/>
                <player checkBox="" name="Player I" avg="0.517" data="BLAH 9" data2="BLAH 19"/>    
                <player checkBox="" name="Player J" avg="0.693" data="BLAH 10" data2="BLAH 20"/>
                <player checkBox="" name="Player K" avg="0.714" data="BLAH 11" data2="BLAH 21"/>
                <player checkBox="" name="Player L" avg="0.817" data="BLAH 12" data2="BLAH 22"/>
</team>;
createDataGrid();
function createDataGrid():void
    aDg.move(400, 40);
    aDg.width = 500;   
    aDg.rowCount = aDg.length;    
    var i:int;
    var attrArray:Array = [];   
    var nodeArray:Array = [];   
    for each (var att:XML in xmlDP.@*)
        aDg.rowCount = i;
        attrArray.push(xmlDP.@*[i]);
        trace("attrArray = "+ attrArray[i]);
        var col:DataGridColumn = new DataGridColumn(attrArray[i]);
        //if I comment out the next line, I get all the data I want, but lose the headerText I want.
        //If I don't comment it out, I get the headerText I want, but lose the data I want.
        //aDg.addColumn(col);
        col.headerText = String(attrArray[i]);               
        i++;       
        var myString:String;                   
    var myDP:DataProvider = new DataProvider(xmlDP);        
    aDg.dataProvider = myDP;  
    addChild(aDg);
Thanks muchleh,
Chipleh

Answer 1

Hi again kglad,
Thanks for the response. I was trying specifically not to use ["checkBox", "name", "avg", "data", "data2"] and instead use the values of the attributes of <team>. Regardless, I've scrapped that idea for now, as that seems to go against the paradigm of the dataGrid(like I mentioned, I'm n00b to this component).
The thing that's really got me stumped right now is this: When using the code below, the columns are constantly shifting when I compile(i.e.: the "name" column(or any other column for that matter) is never in the same place, they shift all over. Is there something you need to enable in the DataGrid to get consistent column placement results? What I'm expecting to see per my xml is:
checkBox | name | avg | data | data2
but instead I'll see:
data2 | name | avg | data | checkBox
or:
data | name | checkBox | data2 | avg
etc. The columns are never consistent.
import fl.data.DataProvider;
import fl.controls.dataGridClasses.DataGridColumn;
import fl.data.DataProvider;
import fl.controls.DataGrid;
import fl.data.DataProvider;
var loader:URLLoader = new URLLoader;
var aDg:DataGrid = new DataGrid();
var xmlDP:XML = <team>
                <player checkBox="" name="Player G" avg="0.493" data="BLAH 7" data2="BLAH 17"/>
                <player checkBox="" name="Player H" avg="0.414" data="BLAH 8" data2="BLAH 88"/>
                <player checkBox="" name="Player I" avg="0.517" data="BLAH 9" data2="BLAH 19"/>    
                <player checkBox="" name="Player J" avg="0.693" data="BLAH 10" data2="BLAH 20"/>
                <player checkBox="" name="Player K" avg="0.714" data="BLAH 11" data2="BLAH 21"/>
                <player checkBox="" name="Player L" avg="0.817" data="BLAH 12" data2="BLAH 22"/>
</team>;
addDataGrid();
function addDataGrid():void
    var teamXML:XML = new XML(loader.data);        
    aDg.setSize(500, 100);
    aDg.move(400, 40);     
    aDg.rowCount = aDg.length;
    var myDP:DataProvider = new DataProvider(xmlDP);    
    aDg.dataProvider = myDP;
       aDg.rowCount = aDg.length;
    addChild(aDg);
    aDg.name = "aDg";