上一章主要理解了直接运用DataProvider API将数据添加进DataGrid组件中,这节深入一下。通过加载XML来产生数据。通过XML来产生数据,有一个缺陷。就是只适合少量的,不会频繁更新的数据项目。而如果要使用一些更新频繁的数据内容是,比如学生成绩表这样的情况时,就需要使用ASP或者PHP来调用数据库,再生成XML。 在场景中添加DataGrid组件。实例为“my_DataGrid”。 新建一XML文件。
<?xml version="1.0" encoding="UTF-8" ?> <member> <member name="Taoshaw" phone="3451245" icq="8286659" software="Flash" member="true" /> <member name="Kyle" phone="87871245" icq="660000" software="Dreamweaver" member="true" /> <member name="Gary" phone="1472583" icq="852741" software="Director" member="true" /> <member name="Elanie" phone="5451125" icq="51256" software="Fireworks" member="false" /> <member name="monty" phone="12345678" icq="100009" software="ColdFusion" member="false" /> <member name="Francis" phone="22224444" software="Breeze" member="false" /> </member>
保存为“MY_Data.xml”。 在AS帧中添加如下代码: //================版权声明开始================// //★淘沙网:http://www.taoshaw.com //★淘沙网所有教程欢迎转载。不过请转载时注明出处。谢谢合作。 //================版权声明结束================// System.useCodepage = true; var my_XML:XML = new XML(); my_XML.ignoreWhite = true; //此处加载路径,改为你自己的合适路径即可。 my_XML.load("MY_Data.xml"); my_XML.onLoad = function(ok:Boolean) { if (ok) { var my_Arr:Array = new Array(); var my_Len:Number = this.firstChild.childNodes.length; var node:XMLNode; for (var i:Number = 0; i<my_Len; i++) { node = this.firstChild.childNodes[i]; my_Arr.addItem({name:node.attributes.name, phone:node.attributes.phone, icq:node.attributes.icq, software:node.attributes.software, member:node.attributes.member}); } my_DataGrid.dataProvider = my_Arr; //定义用于显示顶部标题的数组 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]; } } else { } }; //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 //★淘沙网所有教程欢迎转载。不过请转载时注明出处。谢谢合作。 //================版权声明结束================//
演示:
|