DataGrid组件在网络应用程序中占有重要的位置,它能够将数据库中的数据以表格的形式呈现出来,并保持原有结构.同时,充许用户在客户端对数据进行排序。更可以让他们直接修改数据。
要将数据传到DataGrid组件中,支持的数据类型有两种:
·对象数组(Array)
·Recordset对象。
DataProvider API通常是“列表”式组件支持的做法,所以,支持数组是理所当然的。
通过DataProvider API将数据传到DataGrid里,有四种做法:
一、直接利用DataProvider API。二、XML;三、DataHolder组件;四、DataSet组件。这节主要分析第一种“直接利用DataProvider API”。
拖动DataGrid组件到场景中。(Flash Professional版才有DataGrid组件),命名“my_DataGrid”。
添加AS帧:
//================版权声明开始================//
//★淘沙网:
http://www.taoshaw.com//★淘沙网所有教程欢迎转载。不过请转载时注明出处。谢谢合作。
//================版权声明结束================//
//定义一个新的数组
var my_Array:Array=new Array();
my_Array.addItem({name:"Taoshaw", phone:3451245, icq:8286659, software:"Flash", member:true});
my_Array.addItem({name:"Kyle", phone:87871245, icq:660000, software:"Dreamweaver", member:true});
my_Array.addItem({name:"Gary", phone:1472583, icq:852741, software:"Director", member:true});
my_Array.addItem({name:"Elanie", phone:5451125, icq:51256, software:"Fireworks", member:false});
my_Array.addItem({name:"monty", phone:12345678, icq:100009, software:"ColdFusion", member:false});
my_Array.addItem({name:"Francis", phone:22224444, software:"Breeze", member:false});
//设置数据源
my_DataGrid.dataProvider=my_Array;
//如果要修改上面的列表标题,请添加如下代码:
var my_ArrayA:Array = ["姓名", "电话", "QQ", "使用软件", "是否会员"];
my_DataGrid.vScrollPolicy="auto";
for (var i = 0; i<my_ArrayA.length; i++) {
my_DataGrid.getColumnAt(i).headerText = my_ArrayA[i];
}
//AD
ad_text.border = 0;
ad_text.html = true;
ad_text.htmlText = "<a href='
http://www.taoshaw.com',target='_blank'>淘沙网原创教程系列:
http://www.taoshaw.com</a>";
//================版权声明开始================//
//★淘沙网:
http://www.taoshaw.com//★淘沙网所有教程欢迎转载。不过请转载时注明出处。谢谢合作。
//================版权声明结束================//
演示:
源码>>>