Discussion :

[paidge]

Bonjour,

Tout d'abord merci pour cet excellent petit framework qui me permet de me familiariser avec le modèle MVC.

La console Javascript me dit que la fonction DataTable n'est pas définie
Je ne comprends pas pourquoi.

Voici le code HTML généré :

Code html :

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
32
33
34
35
36
37
38
39
40
41
42
 
<div class="container theme-showcase" role="main">
 
	<div class="page-header">
	</div>
 
	<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/s/dt/dt-1.10.10/datatables.min.css"/>
 
	<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
 
	<script type="text/javascript" src="https://cdn.datatables.net/s/dt/dt-1.10.10/datatables.min.js"></script>
 
	<table id="monTableau" class="display" cellspacing="0" width="100%">
		<thead>
		<tr>
					<th>Date</th>
					<th>Emetteur</th>
					<th>Receveur</th>
					<th>Description</th>
					<th>Montant</th>
				</tr>
		</thead>
		<tbody>
 
		</tbody>
	</table>
 
	<script>
        $(document).ready(function() {
                $('#monTableau').DataTable( {
                "pageLength":4,
                        "processing": true,
                        "serverSide": true,
                        "ajax": "index.php?:vue=transactions::listJson",
                        "lengthMenu":[10,20],
                        'searching':false,
                } );
        } );
 
 
        </script>		
</div>

[imikado]

Le code est correct: je l'ai testé chez moi sans soucis: en creant une simple page html
Vous avez regardé ce qu'affichait la méthode json appelée ?

http://..../index.php?:vue=transacti...=1466619584591

[paidge]

Merci pour cette réponse rapide.
Je pense que le Json fonctionne. C'est vraiment Javascript qui me dit que la fonction DataTable n'est pas définie.

Sinon ça m'intéresse de vérifier la validité du Json mais je n'arrive pas à exploiter votre url. Y'a-t-il des paramètres à personnaliser ? Sinon cette url me retourne mon application juste avec le menu bootstrap (le layout de base, vide)

[imikado]

Dans firebug (je vois qu'il est ouvert sur votre screenshot), allez dans l'onglet "network", vous verrez votre requete json executée

Sinon choste toute bête: il arrive pas à charger le javascript:
toujours dans network vous verrez si il n'arrive pas à se connecter/recuperer le fichier js

POur etre sur:
Télécharger les fichier distants

• https://cdn.datatables.net/s/dt/dt-1...tables.min.css
• https://code.jquery.com/jquery-1.11.3.min.js
• https://cdn.datatables.net/s/dt/dt-1...atables.min.js

Puis remplacez

Code :

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

1
2
3
4
5
6
 
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/s/dt/dt-1.10.10/datatables.min.css"/>
 
	<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
 
	<script type="text/javascript" src="https://cdn.datatables.net/s/dt/dt-1.10.10/datatables.min.js"></script>

avec les adresse des fichiers en locales apres les avoir recuperé

[paidge]

Bonjour et merci encore pour votre réponse.
Je m'en doutais fortement mais c'est à cause du layout par défaut pour bootstrap. Il rappelle Jquery dans le bas de page....Du coup j'ai mis en commentaire cette ligne et la fonction dataTable est disponible Ce n'était donc pas un pb d'accès aux fichiers distants.
Bon du coup j'ai une erreur Json que je vais tenter de rectifier Avec ces qqes conseils que vous m'avez donné je devrais pouvoir y arriver a priori
Mon problème initial est donc résolu.