扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章主要介绍怎么将外部数据绑定到Flex DataGrid组件中,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
成都网络公司-成都网站建设公司创新互联建站10年经验成就非凡,专业从事网站设计、成都网站建设,成都网页设计,成都网页制作,软文营销,一元广告等。10年来已成功提供全面的成都网站建设方案,打造行业特色的成都网站建设案例,建站热线:18982081108,我们期待您的来电!
使用Flex DataGrid组件显示数据列表
显示数据列表是Flex DataGrid组件最基本的应用,只有把数据显示出来,才可以实现其他的功能。数据的来源大概有两种,一种是内部数据,即在程序内部自定义数据,然后绑定到Flex DataGrid组件中;另一种是外部数据,通过读取外部文件或者是数据库,绑定到Flex DataGrid组件中。接下来,就这两种情况分别做介绍。
将外部数据绑定到Flex DataGrid组件中
外部数据通常指的是数据库、文本本件和XML文件。在实际开发中,与数据层传入数据大多是通过XML格式传输的。所以,下面就创建一个读取外部XML文件的数据,然后在Flex DataGrid组件中显示的例子,步骤如下:
◆步骤一:创建一个XML文件,命名为DataGrid_Data.xml,内容结构如下所示:
Flash Adobe 9.0 Java Sun 6.0 .Net Microsoft 2.0 Flex Adobe 2.0 OICQ 腾讯 2007
◆步骤二;继续使用15.2.1节的文件,在DataGrid_ShowData_Example.as文件中,创建一个名为GetData2的函数,在函数中读取刚才创建的XML文件,代码如下所示:
********************************* *加载外部XML数据 **/ privatefunctionGetData2():void { //加载外部XML文件 data_xml=newXML(); myXMLURL=newURLRequest("DataGrid_Data.xml"); myLoader=newURLLoader(myXMLURL); }
◆步骤三:在类的外部,引入刚才使用的命名空间,包括URLRequest和URLLoader,代码如下:
importflash.net.URLRequest; importflash.net.URLLoader;
◆步骤四:创建上面的全局变量,data_xml、myXMLURL和myLoader。代码如下所示:
privatevardata_xml:XML; privatevarmyXMLURL:URLRequest; privatevarmyLoader:URLLoader;
◆步骤五:创建XML对象的加载文件事件,并且在GetData2函数中添加侦听事件的语句,添加的侦听语句代码如下:
myLoader.addEventListener("complete",xmlLoaded); XML对象的加载文件事件函数代码如下: /********************************* *绑定Flex DataGrid组件 **/ functionxmlLoaded(event:Event):void { data_xml=XML(myLoader.data); //trace(data_xml.elements("node").toXMLString()); }
◆步骤六:在侦听事件函数中,把从外部读取的数据文件绑定到Flex DataGrid组件中,代码如下:
//DataProvider vardp:DataProvider=newDataProvider(data_xml); //初始化Flex DataGrid组件,并实例化 vardg2:DataGrid=newDataGrid(); //设置宽和高 dg2.setSize(200,300); //定义列的标题 dg2.columns=["Name","Company","Version"]; //绑定数据源 dg2.dataProvider=dp; addChild(dg2);
***,在构造函数中,调用GetData2函数,代码如下:
/***************************************** *构造函数 **/ publicfunctionDataGrid_ShowData_Example() { GetData2(); }
◆步骤七:编译代码并运行。
以上是“怎么将外部数据绑定到Flex DataGrid组件中”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流