Conociendo Flex VII: Insertando enlaces en grillas

.

Las grillas son un poderoso componete que ofrece Flex para crear aplicaciones. En el siguiente ejemplo se observa como crear una grilla de datos, a partir de una estructura colección de arreglos, donde la última columna es un hipervínculo. Aparte nótese el efecto de degradado del fondo de pantalla, definido al inicio de la aplicacion.


<?xml version="1.0"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="white" backgroundGradientColors="[0xAAFFAA, 0xFFFFCC]">

<mx:Script>

<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
public var coleccion_de_arreglos:ArrayCollection = new ArrayCollection([
{universidad:"UNCU",nombre:"Universidad Nacional de Cuyo",url:"http://www.uncu.edu.ar"},
{universidad:"UNLZ",nombre:"Universidad Nacional de Lomas de Zamora",url:"http://www.unlz.edu.ar"},
{universidad:"UNRC",nombre:"Universidad Nacional de Río Cuarto", url:"http://www.unrc.edu.ar"},
{universidad:"UNVM",nombre:"Universidad Nacional de Villa María",url:"http://www.unvm.edu.ar"}
]);

]]>

</mx:Script>
<mx:DataGrid id="grilla" width="600" height="200" dataProvider="{coleccion_de_arreglos}">
<mx:columns>
<mx:DataGridColumn dataField="universidad" headerText="Sigla"/>
<mx:DataGridColumn dataField="nombre" headerText="Universidad"/>
<mx:DataGridColumn dataField="url" headerText="Sitio">
<mx:itemRenderer>
<mx:Component>
<mx:LinkButton
label="Visitar Sitio"
click="navigateToURL(new URLRequest(data.url), 'blank');"
/>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
</mx:columns>
</mx:DataGrid>

</mx:Application>