destacados

Gabriel Da Silva

Portafolio del ilustrador y director de arte brasileño, aunque afincado en Madrid, Gabriel Da Silva.

B&W Helmut Newton

Selección de fotografías en blanco y negro de uno de los fotógrafos más conocidos de las últimas décadas, Helmut Newton.

Judith Erwes

Fotógrafa afincada en Londres con un estilo que combina la moda, el humor y la estética retro.

Jody Rogac

Nacida en Inglaterra y criada en Canadá, Jody Rogac en la actualidad vive y trabaja en Brooklyn. Sus trabajo ha obtenido diversos galardones.

Publicaciones

Componente DataGrid II

04/07/2005 00:00:00

Siguiendo con DataGrid, en este tutorial vamos a ver cómo cargar los datos a partir de un documento xml. Es recomendable estar familiarizado con la carga de documentos xml por parte de Flash. Si no es el caso, puedes consultar los siguientes tutoriales:

FLASH Y XML (I): INTRODUCCIÓN AL XML
FLASH Y XML (II): ELEMENTOS BÁSICOS DEL XML
FLASH Y XML (III): PRIMERA CARGA DE UN DOCUMENTO XML EN FLASH
FLASH Y XML (IV): EXTRAER DATOS DE UN DOCUMENTO XML
FLASH Y XML (V): GENERAR UN MENÚ A PARTIR DE UN XML

Lo primero que tenemos que hacer es partir de un xml. Yo he generado uno sencillo pero que creo que ilustrará bastante bien el tutorial:

  <listado>
<alumno>
<nombre>Jose</nombre>
<apellidos>Perez Perez</apellidos>
<edad>23</edad>
</alumno>
<alumno>
<nombre>Luis</nombre>
<apellidos>Garcia Martinez</apellidos>
<edad>20</edad>
</alumno>
<alumno>
<nombre>Santi</nombre>
<apellidos>Vega Ochoa</apellidos>
<edad>21</edad>
</alumno>
</listado>

Ahora pasamos a Flash:

1.- Sobre el escenario arrastramos una instancia del componente DataGrid y le damos como nombre "miDataGrid"
2.- Sobre un fotograma:

  var listado = new XML();
//Creamos las columnas
miDataGrid.columnNames = ["Nombre", "Apellidos","Edad" ];
//Definimos el ancho de las columnas
miDataGrid.getColumnAt(0).width = 80;
miDataGrid.getColumnAt(1).width = 150;
//Cargamos el documento xml
listado.ignoreWhite = true;
listado.load("alumnos.xml");
listado.onLoad = function ()
{
//Definimos una variable xmlNodo
//con el contenido del xml
xmlNodo = this.firstChild;
// y otra total con el numero de alumnos
total= xmlNodo.childNodes.length;
// Creamos un loop para alimentar el datagrid
for (i=0; i< total; i++)
{
nombre = xmlNodo.childNodes[i].childNodes[0].firstChild.nodeValue;
apellidos = xmlNodo.childNodes[i].childNodes[1].firstChild.nodeValue;
edad = xmlNodo.childNodes[i].childNodes[2].firstChild.nodeValue;
_root.miDataGrid.addItem({Nombre:nombre, Apellidos:apellidos, Edad:edad});
}
}

Descargar ejemplo: Descargar

Páginas: 1
comentarioscomentarios