Abr.08
4
Flex 3 XML reader en dataGrid

flextoto.jpg
Hace unos dí­as me puse a trabajar un poco con Flex 3 para mis actuales actividades laborales, debo decir que es una aplicación BASTANTE poderosa pero al ser tan nueva falta MUCHA documentación práctica al respecto, pero bueno el chiste es que poco a poco uno le va agarrando la onda a las cosas nuevas, como me paso con CSS, WordPress, PhotoShop etc.

Pero hoy les traigo para ustedes pequeños niño/as que llegan a un blog en busca de sabidurí­a como yo lo hago siempre xD jeje, les pongo un Source Code MUY simple para, desde FLEX leer un archivo XML n___n.

Nuestro XML se debe ver algo así­ (SI SI SIIII es un ejemplo con equipos de Fucho y que, naco pero da de comer ni pedo xD)

  1. <teams type="array">
  2.  
  3. <team>
  4. <fullname>Club Deportivo Tiburones Rojos de Veracruz</fullname>
  5. </team>
  6.  
  7. <team>
  8. <fullname>Universidad Nacional</fullname>
  9. </team>
  10.  
  11. <team>
  12. <fullname>ETC….</fullname>
  13. </team>
  14.  
  15. </teams>

Y pues la opción mas simple es meter estos datos en un dataGrid en Flex este es el source para flex

  1. <?xml version="1.0" encoding="utf-8"?>
  2.  
  3. <!–Esto es para que pida los datos al terminar de cargar la aplicación llama la función HTTPService de abajo pedirDatos–>
  4. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#5E5E5E, #000000]" borderStyle="inset" borderColor="#A3A3A3" cornerRadius="10"
  5.  
  6.  
  7. creationComplete="pedirDatos.send()"
  8. >
  9.  
  10. <!–El HTTPService hace la petición de XML ví­a la URL y los asigna a la variable pedirDatos–>
  11. <mx:HTTPService
  12. id="pedirDatos"
  13. url="http://ip.de.tu.xml"
  14. showBusyCursor="true"
  15. />
  16.  
  17. <!–El Datagrid usa como proveedor de datos "pedirDatos" y navega en la última petición (lastResult) el XML teams.team–>
  18. <mx:DataGrid
  19. id="lista"
  20. dataProvider="{pedirDatos.lastResult.teams.team}"
  21. x="53"
  22. y="34"
  23. width="532"
  24. height="276"
  25. >
  26.  
  27. <!–Aquí­ se declaran TODAS las colunas del dataGrid–>
  28. <mx:columns>
  29. <!–Aquí­ se declara solo UNA columna de titulo Nombre y a cada fila le pone el valor del XML assignedto–>
  30. <mx:DataGridColumn headerText="Column 1" dataField="fullname"/>
  31. </mx:columns>
  32.  
  33. </mx:DataGrid>
  34.  
  35. </mx:Application>

Con esto tendrán una pequeña aplicación en Flex que leerá una pequeña forma en XML pueden probar con el feed de este blog o cualquier otro y hacer sus pruebas.

Saludos a todos y espero a alguien en el mundo le sirva eso xD

Software programacion
2 Comentarios »