Shulou(Shulou.com)06/02 Report--

This article mainly introduces how to bind external data to Flex DataGrid components, the article is very detailed, has a certain reference value, interested friends must read it!

Display a list of data using the Flex DataGrid component

Displaying data list is the most basic application of Flex DataGrid component. Only by displaying the data can other functions be realized. There are probably two sources of data, one is internal data, which is customized within the program and then bound to the Flex DataGrid component, and the other is external data, which is bound to the Flex DataGrid component by reading external files or databases. Next, we will introduce these two situations respectively.

Bind external data to a Flex DataGrid component

External data usually refers to databases, text files, and XML files. In the actual development, the incoming data with the data layer is mostly transmitted through the XML format. So, let's create an example that reads the data from the external XML file and then displays it in the Flex DataGrid component, as follows:

Step 1 of ◆: create a XML file named DataGrid_Data.xml. The content structure is as follows:

Flash Adobe 9.0 Java Sun 6.0.net Microsoft 2.0 Flex Adobe 2.0 OICQ Tencent 2007

◆ step 2; continue to use the file in section 15.2.1, in the DataGrid_ShowData_Example.as file, create a function named GetData2, and read the XML file you just created in the function, as follows:

* load external XML data * * / privatefunctionGetData2 (): void {/ / load external XML file data_xml=newXML (); myXMLURL=newURLRequest ("DataGrid_Data.xml"); myLoader=newURLLoader (myXMLURL);}

Step 3 of ◆: outside the class, introduce the namespaces you just used, including URLRequest and URLLoader, with the following code:

Importflash.net.URLRequest; importflash.net.URLLoader

Step 4 of ◆: create the above global variables, data_xml, myXMLURL, and myLoader. The code is as follows:

Privatevardata_xml:XML; privatevarmyXMLURL:URLRequest; privatevarmyLoader:URLLoader

Step 5 of ◆: create a load file event for the XML object, and add a statement to listen for the event in the GetData2 function. The code for the listening statement is as follows:

The load file event function code for myLoader.addEventListener ("complete", xmlLoaded); XML object is as follows: / * * bind Flex DataGrid component * * / functionxmlLoaded (event:Event): void {data_xml=XML (myLoader.data); / / trace (data_xml.elements ("node"). ToXMLString ());}

Step 6 of ◆: in the listening event function, bind the data file read from the outside to the Flex DataGrid component, as follows:

/ / DataProvider vardp:DataProvider=newDataProvider (data_xml); / / initialize the Flex DataGrid component and instantiate vardg2:DataGrid=newDataGrid (); / / set width and height dg2.setSize (200300); / / define column headings dg2.columns= ["Name", "Company", "Version"]; / / bind data source dg2.dataProvider=dp; addChild (dg2)

*. In the constructor, call the GetData2 function as follows:

/ * constructor * * / publicfunctionDataGrid_ShowData_Example () {GetData2 ();}

Step 7 of ◆: compile the code and run it.

These are all the contents of the article "how to bind external data into Flex DataGrid components". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.