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 //★淘沙网所有教程欢迎转载。不过请转载时注明出处。谢谢合作。 //================版权声明结束================//
演示:
|