Question Flex

[MANTA..]

Bonjour à tous!

Cette fois j'ai besoin de votre aide car pour un projet que je dois modifier, je voudrais mettre un button dans un DataGridColumn ainsi que du texte (le texte vien d'une base de donnée). Il y a déja un itemRender qui est utilisé par les colonnes du datagrid en questions, voici son code :

<?xml version="1.0" encoding="utf-8"?>
<mx:Text xmlns:mx="http://www.adobe.com/2006/mxml"
	width="100%" height="100%"
	paddingTop="2"
	paddingBottom="2"
	paddingLeft="2"
	paddingRight="2"
	selectable="false"
	textAlign="left"
	>
<mx:Script>
	<![CDATA[
		import mx.controls.dataGridClasses.DataGridListData;

		private var _data:Object;
		
		// ACCESSORS
        override public function set data(value:Object):void {
        	if (value != super.data) {
            	super.data = value;
         	}
            
           
            if (value != null)
            {
            	var _field:String;
            	if (value[DataGridListData(listData).dataField] is Object) {
                	_field = Object(value[DataGridListData(listData).dataField]).toString();
                	
                	if (_field != null && text != _field) {
                		text = _field;
                	}
             	}
            }else{
            	text="";
            }
        }
	]]>
</mx:Script>
</mx:Text>

Je ne me suis mis au flex que lundi donc je ne comprend pas vraiment ce code mais lorsque je met le mx:text dans un carnvas afin de pouvoir ajouter un bouton j'ai une erreur : "Accès à la proprieté non définie text" et si je supprime toute les variables text il me met : "Accès à la proprieté non définie listData". Il n'y a que quand je ne met qu'un mx:Text que ca marche.

J'ai essayer d'ajouter un button en mettant tout en bas du code :

</mx:Script>
<mx:Button label="t" width="20" height="22"/>
</mx:Text>

Mais quand je fais ca , il n'y a plus que le bouton qui s'affiche, il n'y a plus de texte

Est-ce que vous auriez une idée pour résoudre mon problème?

[antoine6]

Salut,

Tu utilise quelle version du SDK?

Tu veut faire quoi comme renderer? un bouton ET du texte, ou du texte dans un bouton? Je sais pas non plus à quoi servira ton bouton, mais tu peut detecter un clic (simple ou double) sur le datagrid (et récuperer la ligne concernée + la colonne)

J'ai pas d'exemple avec un button sous la main, mais j'ai par contre un projet ou j'ai rajouté un linkbutton dans un advanceddtgrid:

<mx:AdvancedDataGridColumn headerText=""										editable="false"	width="32"	id="colSup" sortable="false">
	<mx:itemRenderer>
		<mx:Component>
			<mx:HBox width="100%" height="100%" horizontalAlign="center" verticalAlign="middle">
				<mx:LinkButton icon="@Embed('../assets/icons/del_gris.png')" visible="{(data.id)?true:false}" />
			</mx:HBox>
		</mx:Component>
	</mx:itemRenderer>
</mx:AdvancedDataGridColumn>

Tu peut rajouter des fonctions pour changer le label affiché en rajoutant une balise <mx:Script> à l'interieur du <mx:Component>

[MANTA..]

Merci pour ton aide. Ce que je veut faire c'est mettre un bouton + du texte. Car mon datagrid va afficher une liste de contact (nom prenom telephone mail) mais le truc c'est que un contact peut avoir plusieurs numéro de telephone donc a coté du numéro de telephone principale , je voulais mettre un petit bouton qui ouvrirait une nouvelle fenetre dans laquelle le reste des numéro serait afficher. Mais si je n'y arrive pas je vais faire comme tu a dis et juste detecter le clic. Le probleme que j'ai actuellement, c'est qu'il n'arrive pas a recuperer les informations de la base de donnée lorsque je met la balise text dans une autre balise...En gros quand je fais ca -->

<mx:Text>

<\mx:text>

Il comprend qu'il doit traiter des donnée et ca passe.


Mais quand je fais ca -->

<mx:Canvas>
<mx:Text>

<\mx:text>

<\mx:Canvas>

Le canvas agit comme un "mur" et bloque l'accées aux donnée (je pense)



Je vais essayer ton code et voir ce que je peut faire avec, MERCI

[MANTA..]

Si vous avez d'autres idées n'hesitez pas!!!

[antoine6]

Le canvas agit comme un "mur" et bloque l'accées aux donnée

Passe plutot par un HBOX du genre

<mx:hbox>
<mx:label />
<mx:button />
</mx:hbox>

[MANTA..]

merci pour la proposition, j'ai essayer avec une HBox, Vbox, Canvas même avec un panel, mais ca me fait toujours la même chose. Dès que je met le mx:text à l'intérieur de quelque chose, le texte qui est censée s'afficher dans le grid ne s'affiche plus ou l'erreur m'empéche de continuer

[MANTA..]

Une autre question, en fait , j'ai beaucoup de mal à comprendre comment est fait le lien entre la base de donnée et le datagrid, est-ce que vous pouriez m'expliquer le code suivant :

	<mx:DataGrid id="dgridResult" width="100%" height="100%" dataProvider="{_data.collection}" allowMultipleSelection="true" doubleClickEnabled="true" click="onDgridResultClick(event)" change="onDgridResultChange(event)" doubleClick="onDgridResultDblClick(event)">
			<mx:columns>
				<mx:DataGridColumn headerText="ID" dataField="id" width="60" itemRenderer="components.dataGrid.ItemTextViewRow" />
				<mx:DataGridColumn headerText="Prenom" dataField="lastName" width="180" itemRenderer=".components.dataGrid.ItemTextViewRow" />
				<mx:DataGridColumn headerText="Nom" dataField="firstName" width="180" itemRenderer=".components.dataGrid.ItemTextViewRow" />
				<mx:DataGridColumn headerText="mail" dataField="email" itemRenderer="components.dataGrid.ItemTextViewRow" />
				<mx:DataGridColumn headerText="" itemRenderer="sacapus.components.dataGrid.ItemBtnEditRow" width="100"/>
			</mx:columns>
		</mx:DataGrid>

Et dans l'itemRenderer

<?xml version="1.0" encoding="utf-8"?>
<mx:Text xmlns:mx="http://www.adobe.com/2006/mxml"
	width="100%" height="100%"
	paddingTop="2"
	paddingBottom="2"
	paddingLeft="2"
	paddingRight="2"
	selectable="false"
	textAlign="left"
	>
<mx:Script>
	<![CDATA[
		import mx.controls.dataGridClasses.DataGridListData;

		private var _data:Object;
		
		// ACCESSORS
        override public function set data(value:Object):void {
        	if (value != super.data) {
            	super.data = value;
         	}
            
           
            if (value != null)
            {
            	var _field:String;
            	if (value[DataGridListData(listData).dataField] is Object) {
                	_field = Object(value[DataGridListData(listData).dataField]).toString();
                	
                	if (_field != null && text != _field) {
                		text = _field;
                	}
             	}
            }else{
            	text="";
            }
        }
	]]>
</mx:Script>
</mx:Text>

Ou doit-on lui dire quelle table utiliser? comment sait-il ou elle se trouve??

Merci d'avance