Extjs

Signaler
Messages postés
9
Date d'inscription
lundi 1 décembre 2008
Statut
Membre
Dernière intervention
14 février 2012
-
Messages postés
9
Date d'inscription
lundi 1 décembre 2008
Statut
Membre
Dernière intervention
14 février 2012
-
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
}
]

1 réponse

Messages postés
9
Date d'inscription
lundi 1 décembre 2008
Statut
Membre
Dernière intervention
14 février 2012

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