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 : '<b>Identifient</b>', width : 20, autoExpandColumn :true, sortable :true, dataIndex :'id_user', hidden:true },
{id :'user_name', header :'<b>Nom</b>', width : 220, autoExpandColumn :true, sortable :true, dataIndex :'user_name'},
{id :'phone', header : '<b>Telephone</b>', width : 40, autoExpandColumn :true, sortable :true, dataIndex :'phone', hidden:true },
{id :'email', header : '<b>Email</b>', 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
}
]