這篇文章主要介紹怎么將外部數據綁定到Flex DataGrid組件中，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都網絡公司-成都網站建設公司創新互聯建站10年經驗成就非凡，專業從事網站設計、成都網站建設，成都網頁設計，成都網頁制作，軟文營銷，一元廣告等。10年來已成功提供全面的成都網站建設方案，打造行業特色的成都網站建設案例，建站熱線：18982081108，我們期待您的來電！

使用Flex DataGrid組件顯示數據列表

顯示數據列表是Flex DataGrid組件最基本的應用，只有把數據顯示出來，才可以實現其他的功能。數據的來源大概有兩種，一種是內部數據，即在程序內部自定義數據，然后綁定到Flex DataGrid組件中；另一種是外部數據，通過讀取外部文件或者是數據庫，綁定到Flex DataGrid組件中。接下來，就這兩種情況分別做介紹。

將外部數據綁定到Flex DataGrid組件中

外部數據通常指的是數據庫、文本本件和XML文件。在實際開發中，與數據層傳入數據大多是通過XML格式傳輸的。所以，下面就創建一個讀取外部XML文件的數據，然后在Flex DataGrid組件中顯示的例子，步驟如下：

◆步驟一：創建一個XML文件，命名為DataGrid_Data.xml，內容結構如下所示：

<?xmlversionxmlversion="1.0"encoding="UTF-8"?> <root> <nodelabelnodelabel="Flash"> <Name>Flash</Name> <Company>Adobe</Company> <Version>9.0</Version> </node> <nodelabelnodelabel="Java"> <Name>Java</Name> <Company>Sun</Company> <Version>6.0</Version> </node> <nodelabelnodelabel=".Net"> <Name>.Net</Name> <Company>Microsoft</Company> <Version>2.0</Version> </node> <nodelabelnodelabel="Flex"> <Name>Flex</Name> <Company>Adobe</Company> <Version>2.0</Version> </node> <nodelabelnodelabel="OICQ"> <Name>OICQ</Name> <Company>騰訊</Company> <Version>2007</Version> </node> </root>

◆步驟二;繼續使用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組件中
網站鏈接：http://m.newbst.com/article16/iigdgg.html

成都網站建設公司_創新互聯，為您提供網頁設計公司、小程序開發、網站收錄、營銷型網站建設、自適應網站、網站導航

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯