快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

怎么将外部数据绑定到FlexDataGrid组件中

这篇文章主要介绍怎么将外部数据绑定到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组件中”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


文章标题:怎么将外部数据绑定到FlexDataGrid组件中
网站URL:http://6mz.cn/article/iigdgg.html

其他资讯