Leonardo França » MySQL http://www.leonardofranca.com Flash Platform Consultant and Developer (Adobe AIR/Flex/Flash/Flash Media Server/PHP/Java/.NET) Wed, 01 Feb 2012 14:05:46 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Integrating Flex with Java using BlazeDS – first steps http://www.leonardofranca.com/index.php/2009/08/21/integrating-flex-with-java-using-blazeds-first-steps/ http://www.leonardofranca.com/index.php/2009/08/21/integrating-flex-with-java-using-blazeds-first-steps/#comments Fri, 21 Aug 2009 19:30:45 +0000 Leonardo França http://www.leonardofranca.com/?p=492 Continue reading →]]> Adobe Flex has become a trend when it comes to view layer between developers, analyst, managers and especially users, and can integrate with virtually any language programming. In the layer of business have a good race between Java and .NET(ok ok Java takes advantage).
For the Flex can integrate seamlessly with Java, you need a gateway(a device that works in any layer of the ISO/OSI to win "differences" between networks, manipulating and converting data). that can convert the native data types of Flex to data types native to Java and vice versa using AMF protocol..
In the following link we have the data types of Flex and its counterpart in Java:
http://livedocs.adobe.com/flex/3/html/help.html?content=data_access_4.html
The AMF(Action Message Format) is protocol with open specification, compact and tranvels in binary format, and the ActionScript 3.0, will be the AMF3 supported data type specific to AS3.
Today we have several implementations that support AMF3, we use BlazeDS as a gateway for communication in ActionScript 3 and Java.
The database named "contacts" will be used MySQL with the following structure:

PLAIN TEXT
SQL:
  1. CREATE TABLE `tabela` (                
  2.           `id` int(11) NOT NULL,                
  3.           `nome` varchar(30) DEFAULT NULL,      
  4.           `email` varchar(100) DEFAULT NULL,    
  5.           PRIMARY KEY  (`id`)                  
  6.         ) ENGINE=InnoDB DEFAULT CHARSET=latin1

As application server we use the JBoss Application Server and will use the Eclipse and Flex Builder for coding respectively (you can to use Eclipse for Flex and Java in same IDE).
BlazeDS comes by default witn Tomcat, but it is only container servlet. With JBoss can use later ejb3, JPA, Hibernate etc.
Download the latest version of BlazeDS this link
Having everything and properly configured, let's enconding:

  • Create a new project type "Dynamic Web Project" and name it "Contacts".
  • Select the "Target Runtime" as JBoss and "Configurations" with "Default Configuration for JBoss v4.2.
  • In "Projects Facets" does not need to change anything, just click next.
  • In "Web Module" does not need to change anything, click Finish.

Done that we can begin our coding, but we will insert into project the BlazeDS libraries, if you downloaded the bin BlazeDS, just unzip the "blazeds.war" with some winrar and copy the diretory "WEB-INF\lib" into our project in "WebContent\WEB-INF\lib", so then d the same thing with the directory "WEB-INF\flex" and the file "WEB-INF\web.xml".
Configure JBoss to start the eclipse project and add the "Contacts" to be publised automatically on start JBoss (if you have not configured yet, follow the steps in this link).
Now let's test our BlazeDS is properly configured, simply open the browser and enter the following address:

http://localhost:8080/Contatos/messagebroker/amf

if you see a blank page, it means that BlazeDS is ready to be used :D

Let our VO, create a package called "br.com.leonardofranca.vo" and create a class called "ContatosVO", your code is as follow:

PLAIN TEXT
JAVA:
  1. package br.com.leonardofranca.vo;
  2.  
  3. public class ContatosVO
  4. {
  5.     private int id;
  6.     private String nome;
  7.     private String email;
  8.    
  9.     public int getId()
  10.     {
  11.         return id;
  12.     }
  13.    
  14.     public void setId(int id)
  15.     {
  16.         this.id = id;
  17.     }
  18.    
  19.     public String getNome()
  20.     {
  21.         return nome;
  22.     }
  23.    
  24.     public void setNome(String nome)
  25.     {
  26.         this.nome = nome;
  27.     }
  28.    
  29.     public String getEmail()
  30.     {
  31.         return email;
  32.     }
  33.    
  34.     public void setEmail(String email)
  35.     {
  36.         this.email = email;
  37.     }
  38. }

Until now, no mystery, we have a simple object to be typed using Java. Let our main class that will do all the work.

PLAIN TEXT
JAVA:
  1. package br.com.leonardofranca;
  2.  
  3. import java.sql.Connection;
  4. import java.sql.DriverManager;
  5. import java.sql.ResultSet;
  6. import java.sql.SQLException;
  7. import java.sql.Statement;
  8. import java.util.ArrayList;
  9. import java.util.List;
  10.  
  11. import br.com.leonardofranca.vo.ContatosVO;
  12.  
  13. public class Contatos
  14. {
  15.     Connection conn;
  16.     Statement stm;
  17.     ResultSet rs;
  18.  
  19.     public Contatos()
  20.     {
  21.         try
  22.         {
  23.             Class.forName("com.mysql.jdbc.Driver");
  24.             conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/meubanco","root","minhasenha");
  25.             stm = conn.createStatement();
  26.         }
  27.         catch (Exception e)
  28.         {
  29.             e.printStackTrace();
  30.         }
  31.     }
  32.  
  33.     public List<ContatosVO> getData()
  34.     {
  35.         List<ContatosVO> list = new ArrayList<ContatosVO>();
  36.         try
  37.         {
  38.             rs = stm.executeQuery("SELECT id, nome, email FROM tabela");
  39.             while (rs.next())
  40.             {
  41.                 ContatosVO contatosVO = new ContatosVO();
  42.                 contatosVO.setId(rs.getInt("id"));
  43.                 contatosVO.setNome(rs.getString("nome"));
  44.                 contatosVO.setEmail(rs.getString("email"));
  45.                 list.add(contatosVO);
  46.             }
  47.         }
  48.         catch (SQLException e)
  49.         {
  50.             e.printStackTrace();
  51.         }
  52.         return list;
  53.     }
  54.    
  55.     public Boolean insertData(ContatosVO contatosVO)
  56.     {
  57.         try
  58.         {
  59.             String sql = "INSERT INTO tabela (nome, email) VALUES('"+contatosVO.getNome()+"','"+contatosVO.getEmail()+"')";
  60.             if(stm.execute(sql))
  61.             {
  62.                 return true;
  63.             }
  64.         }
  65.         catch (SQLException e)
  66.         {
  67.             e.printStackTrace();
  68.         }
  69.         return false;
  70.     }
  71.    
  72.     public Boolean deleteData(ContatosVO contatosVO)
  73.     {
  74.         try
  75.         {
  76.             stm = conn.createStatement();
  77.             String sql = "DELETE FROM tabela WHERE id = '"+contatosVO.getId()+"'";
  78.             if(stm.execute(sql))
  79.             {
  80.                 return true;
  81.             }
  82.         }
  83.         catch (SQLException e)
  84.         {
  85.             e.printStackTrace();
  86.         }
  87.         return false;
  88.     }
  89.    
  90.     public Boolean updateData(ContatosVO contatosVO)
  91.     {
  92.         try
  93.         {
  94.             stm = conn.createStatement();
  95.             String sql = "UPDATE tabela SET nome = '"+contatosVO.getNome()+"', email = '"+contatosVO.getEmail()+"' WHERE id = '"+contatosVO.getId()+"'";
  96.             if(stm.execute(sql))
  97.             {
  98.                 return true;
  99.             }
  100.         }
  101.         catch (SQLException e)
  102.         {
  103.             e.printStackTrace();
  104.         }
  105.         return false;
  106.     }
  107. }

In the constructr instantiate the class from the database, the following method is to list the data from the database, returning a List of Java that fed my DataGrid in Flex, the rest of the methods (insertm update and delete) just let me return a Boolean.

Now let the party in Flex.
We begin by VO part of Flex, note that it is necessary to put the "RemoteClass":

PLAIN TEXT
ACTIONSCRIPT3:
  1. package br.com.leonardofranca.vo
  2. {
  3.     [Bindable]
  4.     [RemoteClass(alias="br.com.leonardofranca.vo.ContatosVO")]
  5.     public class ContatosVO
  6.     {
  7.         public var id:uint;
  8.         public var nome:String;
  9.         public var email:String;
  10.        
  11.         public function ContatosVO()
  12.         {
  13.         }
  14.  
  15.     }
  16. }

We now implement our presentation layer, we need a form with two fields name and emai, and a DataGrid to list the email database, we still nedd three buttons, one for insert, update and delete records from database.

PLAIN TEXT
MXML:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
  3. <mx:HBox x="0" y="0" width="100%" height="100%">
  4.         <mx:Panel width="338" height="389" layout="absolute">
  5.             <mx:Form x="0" y="0" width="100%" height="100%">
  6.                 <mx:FormItem label="Nome:">
  7.                     <mx:TextInput id="input_nome"/>
  8.                 </mx:FormItem>
  9.                 <mx:FormItem label="Email:">
  10.                     <mx:TextInput id="input_email"/>
  11.                 </mx:FormItem>
  12.                 <mx:FormItem>
  13.                     <mx:Button id="btnCadastrar" label="Cadastrar" />
  14.                 </mx:FormItem>
  15.                 <mx:FormItem>
  16.                     <mx:Button label="Excluir"/>
  17.                 </mx:FormItem>
  18.                 <mx:FormItem>
  19.                     <mx:Button label="Atualizar" />
  20.                 </mx:FormItem>
  21.             </mx:Form>
  22.         </mx:Panel>
  23.         <mx:DataGrid height="390" id="dg">
  24.             <mx:columns>
  25.                 <mx:DataGridColumn headerText="id" dataField="id"/>
  26.                 <mx:DataGridColumn headerText="Nome" dataField="nome"/>
  27.                 <mx:DataGridColumn headerText="Email" dataField="email"/>
  28.             </mx:columns>
  29.         </mx:DataGrid>
  30.     </mx:HBox>
  31. </mx:Application>

Usually now we would need to configure the services-config.xml for the swf know where to get the service. But do differently, i will set right in the endpoint of RemoteObject:

PLAIN TEXT
MXML:
  1. <mx:RemoteObject id="ro" destination="blazeds" source="br.com.leonardofranca.Contatos"  endpoint="http://localhost:8080/Contatos/messagebroker/amf">
  2.         <mx:method name="getData" result="onResult(event);" fault="onFault(event);"/>
  3.         <mx:method name="insertData" result="onResultData(event);" fault="onFault(event);"/>
  4.         <mx:method name="deleteData" result="onResultData(event);" fault="onFault(event);"/>
  5.         <mx:method name="updateData" result="onResultData(event);" fault="onFault(event);"/>
  6. </mx:RemoteObject>

And the tag method,mlet configured to call the methods in my Java class, Now just write the functions that will receive the returns of success or failure, note that i left the same method in case of failure.

PLAIN TEXT
ACTIONSCRIPT3:
  1. import mx.controls.Alert;
  2.             import mx.events.ListEvent;
  3.             import br.com.leonardofranca.vo.ContatosVO;
  4.             import mx.collections.ArrayCollection;
  5.             import mx.rpc.events.FaultEvent;
  6.             import mx.rpc.events.ResultEvent;
  7.            
  8.             public function init():void
  9.             {
  10.                 dg.addEventListener(ListEvent.CHANGE,selectedItems);
  11.             }
  12.            
  13.             public function onResult(re:ResultEvent):void
  14.             {
  15.                 var data:Object = re.message.body;
  16.                 dg.dataProvider = data;
  17.             }
  18.            
  19.             public function onFault(fault:FaultEvent):void
  20.             {
  21.                 trace("Code: "+fault.fault.faultCode);
  22.                 trace("Detail: "+fault.fault.faultDetail);
  23.                 trace("String: "+fault.fault.faultString);
  24.             }
  25.            
  26.             public function insertData():void
  27.             {
  28.                 var contatosVO:ContatosVO = new ContatosVO();
  29.                 contatosVO.nome = input_nome.text;
  30.                 contatosVO.email = input_email.text;
  31.                 ro.insertData(contatosVO);
  32.             }
  33.            
  34.             public function onResultData(re:ResultEvent):void
  35.             {
  36.                 ro.getData();
  37.             }
  38.            
  39.             public function deleteData():void
  40.             {
  41.                 if(dg.selectedItem != null)
  42.                 {
  43.                     var contatosVO:ContatosVO = new ContatosVO();
  44.                     contatosVO.id = dg.selectedItem.id;
  45.                     ro.deleteData(contatosVO);
  46.                 }
  47.                 else
  48.                 {
  49.                     Alert.show("Selecione um item da tabela!!!");
  50.                 }
  51.             }
  52.            
  53.             public function selectedItems(evt:ListEvent):void
  54.             {
  55.                 input_nome.text = dg.selectedItem.nome;
  56.                 input_email.text = dg.selectedItem.email;
  57.             }
  58.            
  59.             public function updateData():void
  60.             {
  61.                 if(dg.selectedItem != null)
  62.                 {
  63.                     var contatosVO:ContatosVO = new ContatosVO();
  64.                     contatosVO.id = dg.selectedItem.id;
  65.                     contatosVO.nome = input_nome.text;
  66.                     contatosVO.email = input_email.text;
  67.                     ro.updateData(contatosVO);
  68.                 }
  69.                 else
  70.                 {
  71.                     Alert.show("Selecione um item da tabela!!!");
  72.                 }
  73.             }

Following the complete code:

PLAIN TEXT
MXML:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="ro.getData();init();">
  3.     <mx : Script>
  4.         <![CDATA[
  5.             import mx.controls.Alert;
  6.             import mx.events.ListEvent;
  7.             import br.com.leonardofranca.vo.ContatosVO;
  8.             import mx.collections.ArrayCollection;
  9.             import mx.rpc.events.FaultEvent;
  10.             import mx.utils.ObjectUtil;
  11.             import mx.rpc.events.ResultEvent;
  12.            
  13.             public function init():void
  14.             {
  15.                 dg.addEventListener(ListEvent.CHANGE,selectedItems);
  16.             }
  17.            
  18.             public function onResult(re:ResultEvent):void
  19.             {
  20.                 var data:Object = re.message.body;
  21.                 dg.dataProvider = data;
  22.             }
  23.            
  24.             public function onFault(fault:FaultEvent):void
  25.             {
  26.                 trace("Code: "+fault.fault.faultCode);
  27.                 trace("Detail: "+fault.fault.faultDetail);
  28.                 trace("String: "+fault.fault.faultString);
  29.             }
  30.            
  31.             public function insertData():void
  32.             {
  33.                 var contatosVO:ContatosVO = new ContatosVO();
  34.                 contatosVO.nome = input_nome.text;
  35.                 contatosVO.email = input_email.text;
  36.                 ro.insertData(contatosVO);
  37.             }
  38.            
  39.             public function onResultData(re:ResultEvent):void
  40.             {
  41.                 ro.getData();
  42.             }
  43.            
  44.             public function deleteData():void
  45.             {
  46.                 if(dg.selectedItem != null)
  47.                 {
  48.                     var contatosVO:ContatosVO = new ContatosVO();
  49.                     contatosVO.id = dg.selectedItem.id;
  50.                     ro.deleteData(contatosVO);
  51.                 }
  52.                 else
  53.                 {
  54.                     Alert.show("Selecione um item da tabela!!!");
  55.                 }
  56.             }
  57.            
  58.             public function selectedItems(evt:ListEvent):void
  59.             {
  60.                 input_nome.text = dg.selectedItem.nome;
  61.                 input_email.text = dg.selectedItem.email;
  62.             }
  63.            
  64.             public function updateData():void
  65.             {
  66.                 if(dg.selectedItem != null)
  67.                 {
  68.                     var contatosVO:ContatosVO = new ContatosVO();
  69.                     contatosVO.id = dg.selectedItem.id;
  70.                     contatosVO.nome = input_nome.text;
  71.                     contatosVO.email = input_email.text;
  72.                     ro.updateData(contatosVO);
  73.                 }
  74.                 else
  75.                 {
  76.                     Alert.show("Selecione um item da tabela!!!");
  77.                 }
  78.             }
  79.         ]]>
  80.     </mx:Script>
  81.     <mx:RemoteObject id="ro" destination="blazeds" source="br.com.leonardofranca.Contatos"  endpoint="http://localhost:8080/Contatos/messagebroker/amf">
  82.         <mx : method name="getData" result="onResult(event);" fault="onFault(event);"/>
  83.         <mx:method name="insertData" result="onResultData(event);" fault="onFault(event);"/>
  84.         <mx:method name="deleteData" result="onResultData(event);" fault="onFault(event);"/>
  85.         <mx:method name="updateData" result="onResultData(event);" fault="onFault(event);"/>
  86.     </mx:RemoteObject>
  87.     <mx:HBox x="0" y="0" width="100%" height="100%">
  88.         <mx:Panel width="338" height="389" layout="absolute">
  89.             <mx:Form x="0" y="0" width="100%" height="100%">
  90.                 <mx:FormItem label="Nome:">
  91.                     <mx:TextInput id="input_nome"/>
  92.                 </mx:FormItem>
  93.                 <mx:FormItem label="Email:">
  94.                     <mx:TextInput id="input_email"/>
  95.                 </mx:FormItem>
  96.                 <mx:FormItem>
  97.                     <mx:Button id="btnCadastrar" label="Cadastrar" click="insertData();"/>
  98.                 </mx:FormItem>
  99.                 <mx:FormItem>
  100.                     <mx:Button label="Excluir" click="deleteData();"/>
  101.                 </mx:FormItem>
  102.                 <mx:FormItem>
  103.                     <mx:Button label="Atualizar" click="updateData();"/>
  104.                 </mx:FormItem>
  105.             </mx:Form>
  106.         </mx:Panel>
  107.         <mx:DataGrid height="390" id="dg">
  108.             <mx:columns>
  109.                 <mx:DataGridColumn headerText="id" dataField="id"/>
  110.                 <mx:DataGridColumn headerText="Nome" dataField="nome"/>
  111.                 <mx:DataGridColumn headerText="Email" dataField="email"/>
  112.             </mx:columns>
  113.         </mx:DataGrid>
  114.     </mx:HBox>
  115. </mx:Application>

If you got this far ok! everything right and working, but you can forget, i will go show a better and efficient to integrate Flex with Java ;)

[UPDATE]
I forgot to mention that you need a directory of the project in eclipses, called "WebContent/WEB-INF/flex" to be included in the files: services-config.xml, remoting-config.xml, proxy-config.xml, messaging-config. xml. the project is only necessary that the remoting-config.xml, whose content should be like the code below

PLAIN TEXT
XML:
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <service id="remoting-service"
  3.    class="flex.messaging.services.RemotingService">
  4.  
  5.     <adapters>
  6.         <adapter-definition id="java-object" class="flex.messaging.services.remoting.adapters.JavaAdapter" default="true"/>
  7.     </adapters>
  8.  
  9.     <default-channels>
  10.         <channel ref="my-amf"/>
  11.     </default-channels>
  12.    
  13.     <destination id="blazeds">  
  14.           <properties>  
  15.              <source>br.com.leonardofranca.Contatos</source>
  16.              <scope>session</scope>
  17.            </properties>
  18.      </destination>  
  19. </service>

Recommended books:

Translations:
Português do Brasil

]]> http://www.leonardofranca.com/index.php/2009/08/21/integrating-flex-with-java-using-blazeds-first-steps/feed/ 11 FLEX 2 and AMFPHP: Populating a Datagrid http://www.leonardofranca.com/index.php/2006/05/08/flex-2-and-amfphp-populating-a-datagrid/ http://www.leonardofranca.com/index.php/2006/05/08/flex-2-and-amfphp-populating-a-datagrid/#comments Mon, 08 May 2006 22:22:13 +0000 Leonardo França http://www.leonardofranca.com.br/index.php/2006/05/08/flex-2-and-amfphp-populating-a-datagrid/en/ Continue reading →]]> Continuing the studies on Flex 2, I found this article written for Mike Potter on the integration of the Flex 2 and AMFPHP, in the example I made with that the Flex loaded the data of the article that I wrote on editing the data of a data base using Flash and AMFPHP.

see the sample

more examples by Renaun Erickson including the use of Cairngorm

More
Adobe Labs
http://labs.adobe.com

AMF3 Specification
http://www.osflash.org/amf3/index

]]> http://www.leonardofranca.com/index.php/2006/05/08/flex-2-and-amfphp-populating-a-datagrid/feed/ 0 Populating a Datagrid using AMFPHP http://www.leonardofranca.com/index.php/2005/11/26/populating-a-datagrid-using-amfphp/ http://www.leonardofranca.com/index.php/2005/11/26/populating-a-datagrid-using-amfphp/#comments Sat, 26 Nov 2005 18:48:26 +0000 Leonardo França http://www.leonardofranca.com.br/?p=101&language=en Continue reading →]]> In the Internet we have some examples about using AMFPHP to create RIA applications. In this article we are going to create a RIA application more elaborated than a “Hello World�?, and you can use it in you real world application.

You need knowledge about PHP, MySQL, Flash and Flash Remoting.

First, we create a simple database structure, only with name, e-mail and telephone number. Let’s create the table and insert some data:

PLAIN TEXT
SQL:
  1. ##create the user table
  2.     CREATE TABLE `users` (
  3.     `id` int(4) UNSIGNED NOT NULL AUTO_INCREMENT,
  4.     `name` char(80) DEFAULT NULL,
  5.     `email` char(100) DEFAULT NULL,
  6.     `telephone` char(10) DEFAULT NULL,
  7.     PRIMARY KEY (`id`)
  8.     ) ENGINE=MyISAM ;
  9.     ##insert some data in the database
  10.     INSERT INTO `users` VALUES ('’,'John’,'john@example.org’,'1234567′);
  11.     INSERT INTO `users` VALUES ('’,'Henry’,'henry@example.org’,'2234567′);
  12.     INSERT INTO `users` VALUES ('’,'Carl’,'carl@example.org’,'3234567′);
  13.     INSERT INTO `users` VALUES ('’,'Leo’,'leo@example.org’,'4234567′);
  14.     INSERT INTO `users` VALUES ('’,'Wendel’,'wendel@example.org’,'5234567′);

We have our user table in the database, now we create a AMFPHP class that connect with our database and return data for Flash.

PLAIN TEXT
PHP:
  1. <?php
  2.      class query{
  3.           var $host = "localhost";
  4.           var $user = 'root';
  5.           var $database = 'seubanco';
  6.           var $pass = 'suasenha';
  7.           function query(){
  8.               $this->methodTable = array(
  9.               "get_user"=>array(
  10.               "description"=>"populando nosso datagrid",
  11.               "access"=>"remote"
  12.               )
  13.               );
  14.               $this->conexao = mysql_pconnect($this->host,$this->user,$this->pass);
  15.               mysql_select_db($this->database);
  16.           }
  17.        
  18.           function get_user(){
  19.               $query = mysql_query("SELECT * FROM users");
  20.               if (!mysql_error()) {
  21.                   return $query;
  22.               }else {
  23.                   return mysql_error();
  24.               }
  25.           }
  26.   }
  27. ?>

At this point, all right, now let’s go create the Flash. Open a new document, we use only one layer and one frame for importing all necessary classes from Flash Remoting.

PLAIN TEXT
Actionscript:
  1. //classes do Flash Remoting
  2. import mx.remoting.Service;
  3. import mx.services.Log;
  4. import mx.rpc.RelayResponder;
  5. import mx.rpc.FaultEvent;
  6. import mx.remoting.DataGlue;
  7. import mx.rpc.ResultEvent;
  8. import mx.remoting.PendingCall;
  9. import mx.remoting.RecordSet;
  10. // creating a connection with Flash Remoting to AMFPHP.
  11. // Add in the address of you PHP Server, with the class:
  12. var conexao = new Service("http://localhost//flashservices/gateway.php", new Log(), "query", null, null);
  13. // Calling the method get_user()
  14. var pcs:PendingCall = conexao.get_user();
  15. pcs.responder = new RelayResponder(this, "user_Result", "user_Fault");
  16. function user_Result(res:ResultEvent) {
  17.     var grid = _root.createClassObject(mx.controls.DataGrid, "dg", _root.getNextHighestDepth(), {_x:20, _y:20});
  18.     grid.setSize(400, 350);
  19.     grid.dataProvider = res.result;
  20. }
  21. function user_Fault(fault:FaultEvent) {
  22.     trace(fault.fault.faultstring);
  23. }

All finished, you may asking, and the DataGrid? Where is? They must be in the movie or not? The answer is No. Because she will be created dynamically by the following line:

PLAIN TEXT
Actionscript:
  1. var grid = _root.createClassObject(mx.controls.DataGrid, "dg", _root.getNextHighestDepth(), {_x:20, _y:20});

The DataGrid will be created with instance name “dg�? and in the position x=20 and y=20. So, in the next step is determinated the DataGrid size with setSize().

The only one requisite is that the DataGrid must be in the movie library. “One moment, but if I want to show only some fields in the DataGrid?�? You can use two method for this, the first is using action script (hard method) and second is using the following method on AMFPHP class:

PLAIN TEXT
PHP:
  1. $query = mysql_query("SELECT name,email FROM users");

In the next articles we show you how to implement a application to insert, edit and delete data in you database, and how to configure you layout and headers of the DataGrid.

References:

AMFPHP
http://www.amfphp.org/

Macromedia Flash Remoting
http://www.macromedia.com/devnet/flashremoting/

Translated by:
wendel - http://www.wendelmaques.com.br

]]> http://www.leonardofranca.com/index.php/2005/11/26/populating-a-datagrid-using-amfphp/feed/ 0