Tooltip para una columna de un datagrid.

78 views
Skip to first unread message

Ana Lozano

unread,
Nov 20, 2009, 1:12:21 PM11/20/09
to madei...@googlegroups.com
Hola a todos,
de antemano agradezco a quien me pueda ayudar; 
mi duda es acerca del componente datagrid de flex, no se como colocar un tooltip a una columna o a toda la fila del datagrid. 


Salu2...
gracias.!
--
(\_/)
(_..)
c(')(')____ anaaLoOzano

Ruben Requena

unread,
Nov 20, 2009, 4:26:33 PM11/20/09
to madei...@googlegroups.com
Hola Ana.. busque lo de los tooltips y al parecer los datagridcolum
tienen una propiedad llamada datatipField, según la documentacion es
para asignar tooltips a los datos de la columna, pero como verás en el
siguiente ejemplo que hice no me funciona.. Pero si usas un label como
itemRender del datagrid si puedes asignarle el tooltips de la columna
que desees..

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
private var DGArray:ArrayCollection = new ArrayCollection([
{Artist:'Pavement', Album:'Slanted and Enchanted', Price:11.99},
{Artist:'Pavement', Album:'Brighten the Corners', Price:11.99}]);
]]>
</mx:Script>
<mx:DataGrid id="myGrid" width="350" height="200" dataProvider="{DGArray}">
<mx:columns>
<mx:Array>
<mx:DataGridColumn headerText="Album">
<mx:itemRenderer>
<mx:Component>
<mx:Label text="{data.Album}" toolTip="{data.Artist}"/>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn dataField="Price"
editorDataField="text" dataTipField="Price"/>
</mx:Array>
</mx:columns>
</mx:DataGrid>
</mx:Application>

Espero te sirva =) suerte..

El 20/11/09, Ana Lozano <ana.lo...@gmail.com> escribió:
--
Enviado desde mi dispositivo móvil

Firma:

Silver ! 1001101001

Fernando Aquino

unread,
Nov 21, 2009, 3:11:58 PM11/21/09
to madei...@googlegroups.com
Hola Ana...
Para que puedas ver los tooltips, como dijo Ruben los datagridcolum tienen una propiedad llamada datatipField pero para que te muestre tenes que hablitarlas con la propidad  -"showDataTips="true"- 

Este código a mi me funcionó espero que te sirva:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initApp()">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable] private var _users:ArrayCollection;
private function initApp () :void {
_users =  new ArrayCollection();
_users.addItem({id:"1",usuario:"katon",detalles:"Este es el primer usuario "});
_users.addItem({id:"2",usuario:"kailon",detalles:"Este es el segundo usuario "});
_users.addItem({id:"3",usuario:"marcius",detalles:"Este es el tercer usuario "});
_users.addItem({id:"4",usuario:"tuuti",detalles:"Este es el cuarto usuario "});
}
]]>
</mx:Script>
<mx:DataGrid id="dgUsers" x="169" y="84" dataProvider="{_users}">
<mx:columns>
<mx:DataGridColumn headerText="ID Usuario" dataField="id"/>
<mx:DataGridColumn headerText="Usuario" dataField="usuario" showDataTips="true" dataTipField="detalles"/>
</mx:columns>
</mx:DataGrid>
</mx:Application>


Suerte..

Ruben Requena

unread,
Nov 21, 2009, 3:44:55 PM11/21/09
to madei...@googlegroups.com
Solo había que activarlos? xD interesante.. no note esa propriedad :P.. Gracias 

--
Firma:

Silver ! 1001101001
Reply all
Reply to author
Forward
0 new messages