plugin datatable: jquery ne fonctionne pas dans toutes les pages de datatable [Résolu]

[kamclasse]

bonjour tout le monde,

mon problème c'est comme il est mentionné dans l'intitulé; jquery ne fonctionne pas dans toutes les pages de datatable: j'ai beaucoup de données dans un tableau et j'ai décidé d'utiliser le plugin datatable pour faire une pagination sympa et on cliquant sur une ligne du tableau j'execute un script Jquery tout marche bien pour la 1er page de la pagination mais les autres pages le jquery ne fonctionne pas.

voila mon code:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
 
 
oTable = $('#example').dataTable({
	"bJQueryUI": true,
	"sPaginationType": "full_numbers"
				});
 
 
$('.trArchive').click(function(){
 
script jquery ....
});

merciiii d'avance.

[kamclasse]

bonjour,

j'ai trouvé une fonction mais malheureusement ça marche pas je ne sais ou est l'erreur voici ce que j'ai trouvé

Code :

1
2
3
4
 
$('.trArchive', oTable.fnGetNodes()).click(function(){ 
 
});

merciiiii

[tresorunikin]

Est-ce possible de coller le contenu de la page ici?

[kamclasse]

bonsoir et merciiii bien pour votre réponse, voici le code de la page :

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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
 
 
<script type="text/JavaScript">
 
$(document).ready(function() {
				oTable = $('#example').dataTable({
					"bJQueryUI": true,
					"sPaginationType": "full_numbers"
				});
 
 
$('.trArchive', oTable.fnGetNodes()).click(function(){
 
 
					 $.ajax({
								type: "POST",
 
								url: "/usersup/affichedocument",
 
								data: "",
 
								success: function(msg){
 
									$('#divContent').html(msg);
 
 
								   }
							 });
 
 
				 });
 
 
				});
 
</script>			
 
 
 
		<div class="demo_jui">
<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
	<thead>
		<tr>
			<th>Intitu&eacute; document</th>
			<th>D&eacute;scription</th>
			<th>date de cr&eacute;ation</th>
			<th>R&eacute;sponsable</th>
 
		</tr>
	</thead>
	<tbody>
 
    // une boucle for pour afficher des données de la base envient 100 enregistrements
	<tr class="trArchive">
		<td>		
 
		</td>
 
		<td>		
 
		</td>
 
		<td style=" width:15%;">		
 
		</td>
 
 
		<td style=" width:20%;">		
 
		</td>
 
 
	</tr>		
 
  // la fin de la boucle
	</tbody>
</table>
</div>
 
<div id="divContent"></div>

merciiii bien

[SpaceFrog]

essaye plutot jqgrid ?

[kamclasse]

bonjour et merciii bien pour votre réponse,

malheureusement j'ai réalisé plusieurs page à l'aide de ce plugin donc je ne peux pas changé, en faite je croix qu'il y a une solution à mon problème par ce que j'ai déjà vu un programmeur qui a utilisé le plugin et ça marche bien, mais il n'est pas disponible pour le moment .

merciiii beaucoup.

[tresorunikin]

Si tu tiens toujours à Datatable, vois ce que dit la documentation

[kamclasse]

bonjour tout le monde merciiii beaucoup pour vos réponses j'ai trouvé la solution :
c'est au lieu de :

Code :

1
2
3
 
$('.trArchive',oTable.fnGetNodes() ).each( function () {
} );

on peut utiliser :

Code :

1
2
3
 
$('.trArchive').live('click', function () {
} );