Datagrid con imagenes en AS3

Holas compañeritos.

Esto es gracias a: Peter

Pero aquí iré al grano y seré lo más claro y sencillo posible:

Paso No. 1:
Mostrar componentes desde el menú window.

Paso No. 2:
Agregar componente datagrid al escenario.

Paso No. 3:
Colocar el siguiente código en el frame1:
import fl.controls.DataGrid;
import fl.controls.dataGridClasses.DataGridColumn;
import fl.data.DataProvider;

var dp:DataProvider = new DataProvider();
dp.addItem({data:"http://www.graciasinternet.co.cc/images1.jpg", title:"image1.jpg"});
dp.addItem({data:"http://www.graciasinternet.co.cc/images2.jpg", title:"image2.jpg"});
dp.addItem({data:"http://www.graciasinternet.co.cc/images3.jpg", title:"image3.jpg"});


var dataCol:DataGridColumn = new DataGridColumn("data");
dataCol.cellRenderer = LoaderCellRenderer;

var titleCol:DataGridColumn = new DataGridColumn("title");

var myDataGrid:DataGrid = new DataGrid();
myDataGrid.addColumn(dataCol);
myDataGrid.addColumn(titleCol);
myDataGrid.dataProvider = dp;
myDataGrid.rowHeight = 64;
myDataGrid.width = 200;
myDataGrid.rowCount = dp.length - 1;
myDataGrid.move(10, 10);
addChild(myDataGrid);


Paso No. 4:
Colocar en la misma ruta del swf el siguiente archivo. LoaderCellRenderer.as
Aquí esta el link de este archivo.

Paso No. 5:
Disfrutarlo!... je je :P

Espero les sirva.


Si tienes dudas, has tu comentario y preguntame...

No hay comentarios:

Publicar un comentario