plugin datatable: jquery ne fonctionne pas dans toutes les pages de datatable

Version imprimable

28/03/2011, 13h47
kamclasse

plugin datatable: jquery ne fonctionne pas dans toutes les pages de datatable
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.
28/03/2011, 14h09
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
29/03/2011, 16h58
tresorunikin

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

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

30/03/2011, 08h37
SpaceFrog

essaye plutot jqgrid ?
30/03/2011, 11h56
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.
04/04/2011, 03h00
tresorunikin

Si tu tiens toujours à Datatable, vois ce que dit la documentation
08/04/2011, 10h35
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 () { } );
:merci: