這篇文章主要介紹怎么將外部數(shù)據(jù)綁定到Flex DataGrid組件中,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
成都網(wǎng)絡(luò)公司-成都網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站10年經(jīng)驗(yàn)成就非凡,專(zhuān)業(yè)從事網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè),成都網(wǎng)頁(yè)設(shè)計(jì),成都網(wǎng)頁(yè)制作,軟文營(yíng)銷(xiāo),一元廣告等。10年來(lái)已成功提供全面的成都網(wǎng)站建設(shè)方案,打造行業(yè)特色的成都網(wǎng)站建設(shè)案例,建站熱線(xiàn):18982081108,我們期待您的來(lái)電!
使用Flex DataGrid組件顯示數(shù)據(jù)列表
顯示數(shù)據(jù)列表是Flex DataGrid組件最基本的應(yīng)用,只有把數(shù)據(jù)顯示出來(lái),才可以實(shí)現(xiàn)其他的功能。數(shù)據(jù)的來(lái)源大概有兩種,一種是內(nèi)部數(shù)據(jù),即在程序內(nèi)部自定義數(shù)據(jù),然后綁定到Flex DataGrid組件中;另一種是外部數(shù)據(jù),通過(guò)讀取外部文件或者是數(shù)據(jù)庫(kù),綁定到Flex DataGrid組件中。接下來(lái),就這兩種情況分別做介紹。
將外部數(shù)據(jù)綁定到Flex DataGrid組件中
外部數(shù)據(jù)通常指的是數(shù)據(jù)庫(kù)、文本本件和XML文件。在實(shí)際開(kāi)發(fā)中,與數(shù)據(jù)層傳入數(shù)據(jù)大多是通過(guò)XML格式傳輸?shù)摹K?,下面就?chuàng)建一個(gè)讀取外部XML文件的數(shù)據(jù),然后在Flex DataGrid組件中顯示的例子,步驟如下:
◆步驟一:創(chuàng)建一個(gè)XML文件,命名為DataGrid_Data.xml,內(nèi)容結(jié)構(gòu)如下所示:
Flash Adobe 9.0 Java Sun 6.0 .Net Microsoft 2.0 Flex Adobe 2.0 OICQ 騰訊 2007
◆步驟二;繼續(xù)使用15.2.1節(jié)的文件,在DataGrid_ShowData_Example.as文件中,創(chuàng)建一個(gè)名為GetData2的函數(shù),在函數(shù)中讀取剛才創(chuàng)建的XML文件,代碼如下所示:
********************************* *加載外部XML數(shù)據(jù) **/ privatefunctionGetData2():void { //加載外部XML文件 data_xml=newXML(); myXMLURL=newURLRequest("DataGrid_Data.xml"); myLoader=newURLLoader(myXMLURL); }
◆步驟三:在類(lèi)的外部,引入剛才使用的命名空間,包括URLRequest和URLLoader,代碼如下:
importflash.net.URLRequest; importflash.net.URLLoader;
◆步驟四:創(chuàng)建上面的全局變量,data_xml、myXMLURL和myLoader。代碼如下所示:
privatevardata_xml:XML; privatevarmyXMLURL:URLRequest; privatevarmyLoader:URLLoader;
◆步驟五:創(chuàng)建XML對(duì)象的加載文件事件,并且在GetData2函數(shù)中添加偵聽(tīng)事件的語(yǔ)句,添加的偵聽(tīng)語(yǔ)句代碼如下:
myLoader.addEventListener("complete",xmlLoaded); XML對(duì)象的加載文件事件函數(shù)代碼如下: /********************************* *綁定Flex DataGrid組件 **/ functionxmlLoaded(event:Event):void { data_xml=XML(myLoader.data); //trace(data_xml.elements("node").toXMLString()); }
◆步驟六:在偵聽(tīng)事件函數(shù)中,把從外部讀取的數(shù)據(jù)文件綁定到Flex DataGrid組件中,代碼如下:
//DataProvider vardp:DataProvider=newDataProvider(data_xml); //初始化Flex DataGrid組件,并實(shí)例化 vardg2:DataGrid=newDataGrid(); //設(shè)置寬和高 dg2.setSize(200,300); //定義列的標(biāo)題 dg2.columns=["Name","Company","Version"]; //綁定數(shù)據(jù)源 dg2.dataProvider=dp; addChild(dg2);
***,在構(gòu)造函數(shù)中,調(diào)用GetData2函數(shù),代碼如下:
/***************************************** *構(gòu)造函數(shù) **/ publicfunctionDataGrid_ShowData_Example() { GetData2(); }
◆步驟七:編譯代碼并運(yùn)行。
以上是“怎么將外部數(shù)據(jù)綁定到Flex DataGrid組件中”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!