AdvanceDatagrid : Renderer sur la première colone

Bonjour,

j'ai un petit problème sur un AdvanceDataGrid et mes rendererProviders.

Voilà ce que j'ai fais au débit (qui fonctionne bien) :
Main.mxml

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
	creationComplete="onCreationComplete()">
 
	<mx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			[Bindable]
			private var tab:ArrayCollection;
 
			public function onCreationComplete():void
			{
				tab = new ArrayCollection([
					{id:"00001", name:"IM_A0", date:"20-04-2010", children:[{author:"Mr AA"}]},
					{id:"00002", name:"IM_A1", date:"21-04-2010", children:[{author:"Dr BB"}]},
					{id:"00003", name:"IM_A2", date:"22-04-2010", children:[{author:"Pr CC"}]}
				]);
			}
 
		]]>
	</mx:Script>
 
	<mx:AdvancedDataGrid id="myADG" 
		width="100%" height="100%" 
		variableRowHeight="true"
		folderOpenIcon="{null}"
		folderClosedIcon="{null}">
		<mx:dataProvider>
	       <mx:HierarchicalData source="{tab}"/>
	    </mx:dataProvider>
		<mx:columns>
			<mx:AdvancedDataGridColumn headerText="id" dataField="id" id="idCol"/>
			<mx:AdvancedDataGridColumn headerText="name" dataField="name"/>
			<mx:AdvancedDataGridColumn headerText="date" dataField="date"/>
		</mx:columns>
		<mx:rendererProviders>
			<mx:AdvancedDataGridRendererProvider
				dataField="author"
				renderer="ExpandedRow"
				columnIndex="0"
				columnSpan="0" />
		</mx:rendererProviders>
	</mx:AdvancedDataGrid>
 
</mx:WindowedApplication>

ExpandedRow.mxml

Code:

1
2
3
4
5
6
7
8
9
10
11
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"
	verticalAlign="middle" horizontalAlign="center">
	<mx:Form>
		<mx:FormHeading label="Détails" />
		<mx:FormItem label="Auteur : ">
			<mx:Label text="{data.author}" />
		</mx:FormItem>
		<mx:FormItem label="..." />
	</mx:Form>
</mx:VBox>

Le résultat : http://images1.hiboox.com/vignettes/...2b28c49073.png

jusqu'ici pas de problème.

J'aimerai maintenant changer la première colonne en rajoutant un bouton à gauche de l'id.
Je rajoute donc ceci dans les rendererProviders :

Code:

1
2
3
4
<mx:AdvancedDataGridRendererProvider
				dataField="id"
				renderer="FirstColumn"
				columnIndex="1" />

le FirstColumn.mxml :

Code:

1
2
3
4
5
<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml">
	<mx:Button label="DL" />
	<mx:Label text="{data.id}" />
</mx:HBox>

le résultat : http://images1.hiboox.com/vignettes/...774a21198d.png

Et là problème, je ne peux plus "déplier" une ligne pour afficher les détails... je n'ai plus le triangle noir.

J'aurai aimé obtenir ceci :
http://images1.hiboox.com/vignettes/...2aa9510213.png

Savez vous comment faire pour ajouter un bouton sans enlever le petit triangle?

Merci d'avance pour votre aide (en espérant avoir été plus clair que la dernière fois)