Datagridの使い方

簡単にデータを表形式で表現できるDatagridの使い方

import fl.controls.DataGrid;
import fl.controls.dataGridClasses.DataGridColumn;
import fl.managers.StyleManager;

var aryData:Array = new Array();
var myDataGrid:DataGrid = new DataGrid();

//列作成
 var rankCol:DataGridColumn = new DataGridColumn(“rank”);
    rankCol.width = 20;
    var nameCol:DataGridColumn = new DataGridColumn(“name”);
    nameCol.width = 110;
    var pointCol:DataGridColumn = new DataGridColumn(“point”);
    pointCol.width = 20;
    var goalCol:DataGridColumn = new DataGridColumn(“goal”);
    goalCol.width = 20;

//列ラベル
    rankCol.headerText = “順位”;
    nameCol.headerText = “チーム名”;
    pointCol.headerText = “勝点”;
    goalCol.headerText = “得失”;
 
//テキストフォーマット 
    var tf:TextFormat = new TextFormat();
    tf.size = 3;
    tf.color = 0xff0000;
    tf.italic = true;
    tf.font = “Arial”
    StyleManager.setStyle(“TextFormat”, tf);

//基本設定  
    myDataGrid.headerHeight = 0;
    myDataGrid.sortableColumns = false;
    myDataGrid.editable = false;

//設置
    myDataGrid.addColumn(rankCol);
    myDataGrid.addColumn(nameCol);
    myDataGrid.addColumn(pointCol);
    myDataGrid.addColumn(goalCol);
    myDataGrid.width = 170;
    myDataGrid.move(0,10);
    addChild(myDataGrid);
   
   
    //データの埋め込み
    var len = aryData.length;
    for (var i:uint = 0; i<len; i++) {
     myDataGrid.addItem({rank:aryData[i],name:aryData[i],point:aryData[i],goal:aryData[i]});
    }
    myDataGrid.rowCount = myDataGrid.length;
}

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です