recuperer des id en fonctions d'une liste

Version imprimable

Bonjour ,

Je dois récupérer l'id de chaque ligne pour pouvoir la supprimer ou la modifier en jquery dans une boite de dialogue

Exemple :

J'ai une liste de contact avec des id en input cache que je récupére en cliquant sur le bouton modifier.

Le premier soucis c'est que je récupère à chaque fois le premier id quel que soit le bouton sur lequel je clique.

Code:

1
2
3
4
5
6
7
8
9
10
<tr id="ligne">
				<td style="width: 150px;">{liste.groupe}</td>
				<td>{liste.email}</td>
				<td style="width: 200px;">
				<a href="javascript:actionModifier('id_contact', '{liste.id}', 'modification')" class="btn_modifier"></a>
				<input type="hidden" id="id_client" name="id_client" value="{liste.id}" />
				<img src="/design/separation-fiche.png" width="2" height="27" alt="" />
				<a href="#" onclick="supprimer({liste.id})" class="btn_supprimer"></a>
				</td>
			</tr>

les requetes ajax :

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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
 
$( "#modif-form" ).dialog({
 
		autoOpen: false,
		show: "slide",
		height: 520,
		width: 400,
		modal: true,
		buttons: {
			"Modifier le compte": function() {
				var id_client = $("#id_client").val();
				alert(id_client);
 
				//appel de la création d'un contact
				$.ajax({
				 type: "POST",
				 url: "/modules/emails.php",
				 data: $("#dialog-form form" ).serialize(),
				 success: function(data){
				    // alert(data);
				     info_good("Votre nouveau contact a bien &eacute;t&eacute; cr&eacute;e");
					window.setTimeout("window.location.reload()",1000);
				   }
 
 
				});
 
							$( this ).dialog( "close" );
 
 
			/*	}*/
								},
				Annuler: function()
				 {
						$( this ).dialog( "close" );
				 }
 
 
 
				},
		close: function()
		 {
			allFields.val( "" ).removeClass( "ui-state-error" );
		 }
 
 
 
 
});
 
	// bouton de modification
	$( ".btn_modifier" )
		.button()
		.click(function() {
		 var id_client = $("#id_client").val();
		alert(id_client)
			$( "#modif-form" ).dialog( "open" );
 
			return false;
		});

et ensuite je ne vois pas comment faire pour la traiter dans mon formulaire de modification

Merci

25/07/2011, 09h41
Bovino

Citation:

Je dois récupérer l'id de chaque ligne

Code:

<tr id="ligne">

Citation:

je récupère à chaque fois le premier id quel que soit le bouton sur lequel je clique.

Laisse-moi deviner... Toutes tes lignes ont le même id ? :whistle:
25/07/2011, 10h07
doud180878

Eh bien non justement les id n'ont pas le même "id"

et quand je clique sur mon bouton n'importe lequel j'ai en alert "16479" comme exemple et pour toutes...

Alors ca avance j'ai trouver un façon de récupérer l'id de mes contacts quand je clique sur le bouton modifier.
Code:

1 2 3 4 5 6 7 $('a.btn_modifier').click(function(e) { // quand on clique sur un lien supprimer e.preventDefault(); // annule l'effet du lien pour pas recharger la page var id = $(this).attr("rel"); // on recupere l'id de l'element a supprimer (qui est dans l'attribut rel du lien) alert(id), $( "#modif-form" ).dialog( "open" ); });
Quand je clique j'ai bien une alert avec le bon numéro correspondant maintenant il faut que je récupère les données et les mettre dans mon formulaire.

25/07/2011, 10h25
SpaceFrog

un id ne doit jamais être uniquement numérique, ni même commencer pas du numérique ...
25/07/2011, 10h30
doud180878

Ok merci rectifier

On continue a avancer c'est pas grand mais tout de même :

Voici mon nouveau code :
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 46 47 48 49 50 51 52 53 // bouton pour modifier le contact $('a.btn_modifier').click(function(e) { e.preventDefault(); //desactive la réactualisation var id = $(this).attr("id"); //recupere l'id du contact //alert(id); $.ajax ({ type: "POST", url: url, data: "modif=" + id, success: function(data){ } }); $( "#modif-form" ).dialog ({ show: "slide", hide: "explode", height: 520, width: 400, modal: true, buttons: { "Modifier le compte": function() { //alert(id), $( this ).dialog( "close" ); }, Annuler: function() { $( this ).dialog( "close" ); } }, close: function() { allFields.val( "" ).removeClass( "ui-state-error" ); } }); return false; });
Il est beaucoup plus simple qu'avant car je veux l'adapter a toutes les pages

quand je clique su rle bouton modifier je me connecte a ma base de donnée pour faire passer l'id du contact plus la session courante en fichier cachée et je luis demande de me l'afficher.

Le soucis c'est quand je regarde le code dans la console que le serveur me renvoie j'ai bien les valeurs des champs mais pas rien n'apparait dans le formulaire.

est ce que quelqu'un aurait une idée..

Merci

26/07/2011, 22h15
flyingfr53
bonjour,

tu n'as pas besoin de donner d'id à tes lignes tu peux recuperer leur n° par
Code:

1 2 ligne=$(this).parent().parent().children().index($(this).parent());
ensuite tu récupères la valeur de n'importe quel champ de ta table par

exemple pour récupérer la première colonne ( 0 )
Code:

1 2 valeur_colonne0_ligne = $("#matable tbody>tr:eq("+ligne+")>td:eq(0)").text();
ça simplifie le code ! plus besoin d'id
27/07/2011, 10h23
doud180878

Un grand merci à tous.

Optimisation, Optimisation, c'est vrai que comme ça en récupérant leur n° c'est nikel.

Merci flyingfr53. :)

Pour le récupération de l'id lors de l'affichage et la modification, il m'a juste suffit de mettre en fichier caché, les données et les récupérer par la suite.