extjs

Question

salut, 
j'ai utilisé EXTjs:
j'ai créer une fenêtre composée de grid de nom des utilisateurs et des textfield pour les détails des utilisateurs, je veux faire une événement(avec listners) lorsque je clique sur le nom d'utilisateur (dans le grid) tous le détails de ce utilisateur seront affiche dans les textfield
//tous bien fonctionne et pas des erreurs mais le probleme de listeners
c'est une partie de mon code:
// create the Grid of list user
var myGrid1 =    new Ext.grid.GridPanel
    ({
id			: 'myGrid1',
loadMask	: true,
stripeRows	: true,
store		: store,
sm			: new Ext.grid.RowSelectionModel({singleSelect:true}),
width		: 400,
height		: 600,
frame		: true,
//title		: 'utilisateur',
columns		: 
[
{id	:'id_user',   	header  : ' Identifient ', width  : 20,  autoExpandColumn  :true,  sortable  :true,  dataIndex   :'id_user', hidden:true	},																
{id	:'user_name',   header	:'Nom', 			width  : 220, autoExpandColumn  :true, 	sortable   :true, dataIndex  :'user_name'},																	
{id	:'phone', 		header  : 'Telephone', 	width  : 40,  autoExpandColumn  :true,  sortable  :true,  dataIndex   :'phone', hidden:true	},	
{id	:'email', 		header  : 'Email', 		width  : 40,  autoExpandColumn  :true,  sortable  :true,  dataIndex   :'email', hidden:true	}																
],
listeners  	:
{
rowdblclick: function displayintxtfield(myGrid1, rowIndex, e) 
{

//alert ("bonjour");//je test ici lorsque je fais double click mais j'arrive pas a trouvé comment inser une fonction pour afficher les détails 
Ext.getCmp('myGrid1').selModel.getSelected().data['id_user']
{
 
}

}								
            }																								
    });

//ici c'est la partie des fieldlabel :


title        : 'Liste des utilisateurs',
region       :'west',
margins      : '5 0 0 0',
cmargins     : '5 5 0 0',
width        : 200,
minSize      : 100,
maxSize      : 250,
items		 :[myGrid1]
},
{	
title        : ' Informations',
collapsible  : false,
region       :'center',
margins      : '5 0 0 0',
items        :
[
{
xtype          :'fieldset',
checkboxToggle :true,
title          : 'Profil',
autoHeight     :true,
defaults       : {width: 210},
defaultType    : 'textfield',
collapsed      : true,
items          :
[
new Ext.form.ComboBox({
allowBlank	    : false,
//blankText	    : field_require,
displayField    : 'value',
//emptyText	    : getUserInfo('civility'),
fieldLabel	    : getLangue('civility'),
hiddenName	    : 'Pcivility',
id			    : 'civility',
name		    : 'civility',
minListWidth    : 200,
mode		    : 'local',
resizable		: true,
reviewField		: false,
selectOnFocus	: true,
store			: storecv,
typeAhead		: false,
triggerAction	: 'all',
valueField		: 'value'
}),

{
fieldLabel  : 'Nom',																																													
//blankText	: field_require,
name        : 'first',
    valueField	: 'value',
width		: 200

},
{
fieldLabel  : 'prenom',
//blankText   : field_require,
name        : 'last',
width		: 200
},
{
displayfield	: 'value',

//enableKeyEvents : true,
fieldLabel		: 'Telephone',
//id			: 'phone',
//maxLength		: 14,
//maxLengthText	: getLangue('phoneMaxLengthText'),
//minLength		: 14,
//minLengthText	: getLangue('phoneMinLengthText'),
name			: 'phone',
maskRe			: /[\d{2}.]/,
regexText		: getLangue('wrong_phone'),
//value			: 'phone',
width			: 200,
listeners		:
{
'keypress':
{
fn: function(field,key)
{
value	 = this.getValue() ;
if( value.length 2 ||  value.length 5 
|| value.length 8 || value.length 11 )
this.setValue(value+'.');
} 
} 
}																	
},
{
fieldLabel  : 'Email',
name        : 'email',
vtype       : 'email',
fieldLabel	: getLangue('email'),
id			:'email',
//value		: getUserInfo('email'),
width		: 200
},
{
fieldLabel  : 'Mot de passe',
name        : 'Mot de passe',
//vtype       : 'Mot de passe',
width		: 200
},
{
fieldLabel  : 'Changer Mot de passe',
name        : 'Mot de passe',
//vtype       : 'Mot de passe',
width		: 200
},
{
fieldLabel  : 'Confirmer Mot de passe',
name        : 'Mot de passe',
//vtype       : 'Mot de passe',
width		: 200
}	
]

yosrounaw · Answer

j'ai trouvé ce lien c'est presque comme je recherche mais j'ai pas bien compris 
http://extjs.com/deploy/dev/examples/form/form-grid.html
aider moi svp j'ai un projet a finir

Extjs

1 réponse

Votre réponse

Discussions similaires