Discussion :

[nico78200]

Bonjour à tous,

J'ai construit un tableau pour enregistrer des déclinaisons de produits dans une solution de gestion de stock.

Ce tableau est dynamique, on peut rajouter des lignes (pour une nouvelle déclinaison) et des colonne pour un nouveau type d'attribut.

J'utilise la méthode jQuery (1.5) serialize() pour le parser et l'envoyer via XHR vers un script PHP coté serveur.

Mon problème est le suivant, lorsque la méthode sérialize parse tout les inputs et select de mon tableau il ignore purement et simplement tout ceux qui comporte le même attribut 'name' même si je leur met un attr 'id' différent.

Quelqu'un aurait t'il une solution à mon problème?

Merci,

Nico

[nico78200]

Si je parse mon tableau sans serialize(), mais en créant un array via push(), j'obtiens un array d'objets. Es ce normal ou je le construis mal? voici le résultat dans ma console:




Et ici le code source:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
		addNewProducts: function() {
 
			var attrs = [];
 
			$('td').each(function() {
				if ( $(this).hasClass('selectCol') ) {
					var name = $(this).find('select').attr('name');
					var val = $(this).find('select option:selected').val();
					attrs.push({
						'name' : name,
						'val' : val
					});	
				} else {
					var name = $(this).find('input').attr('name');
					var val = $(this).find('input').val();
					attrs.push({
						'name': name,
						'val' : val
					});					
				}
			});
 
			console.log(attrs);
 
		}

[nico78200]

Voici a quoi mon problème se résumé désormais, ma fonction:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
		addNewProducts: function() {
 
			var attrs = [];
 
			$('table#listAttr td').each(function() {
				if ( $(this).hasClass('selectCol') ) {
					var name = $(this).find('select').attr('name');
					var val = $(this).find('select option:selected').val();
					attrs.push({
						'name' : name,
						'val' : val
					});	
				} else {
					var name = $(this).find('input').attr('name');
					var val = $(this).find('input').val();
					attrs.push({
						'name': name,
						'val' : val
					});					
				}
			});
 
			var test = $.param(attrs);
 
			console.log(test);
 
		}

Me retourne en console:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
Taille=undefined&Coloris=undefined&poids=undefined&paht=undefined&pvht=undefined&qte=undefined&Taille=undefined&Coloris=undefined&poids=undefined&paht=undefined&pvht=undefined&qte=undefined

Pourquoi val est 'undefined' alors que dans l'objet que je lui passe en paramètre à param() il es correctement renseigné?

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var name = $(this).find('input').attr('name')

=> collection
faudrait faire un each dessus ?.

[nico78200]

Chaque cellule contiens un seul input ou select.

[nico78200]

Si quelqu'un rencontre un problème similaire voici la syntaxe que j'ai utilisé:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
		addNewProducts: function() {
 
			var attrs = [];
 
			$('table#listAttr td').each(function() {
 
				if ( $(this).hasClass('selectCol') ) {
					var name = $(this).find('select').attr('name');
					var val = $(this).find('select option:selected').val();
					attrs.push({
						'name' : name,
						'val' : val
					});	
				} else {
					var name = $(this).find('input').attr('name');
					var val = $(this).find('input').val();
					attrs.push({
						'name' : name,
						'val' : val
					});	
				}
 
				//console.log('name: '+name+' val: '+val);
			});
 
			$.each(attrs, function(index,value) {
				console.log(value['name']+' :'+value['val']);
			});
 
		}

Ce n'est pas la meilleure loin de là, mais ça fonctionne.

Nico