Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

MkFramework Discussion :

Problème avec le module DataTable


Sujet :

MkFramework

  1. #1
    Membre éprouvé
    Problème avec le module DataTable
    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>
    L'informatique fait gagner beaucoup de temps. A condition d'en avoir beaucoup devant soi !!!

  2. #2
    Rédacteur

    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
    Framework php sécurisé et simple à prendre en main avec générateur web http://mkframework.com/ (hebergé sur developpez.com)
    Mes cours/tutoriaux

  3. #3
    Membre éprouvé
    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)
    L'informatique fait gagner beaucoup de temps. A condition d'en avoir beaucoup devant soi !!!

  4. #4
    Rédacteur

    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




    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é
    Framework php sécurisé et simple à prendre en main avec générateur web http://mkframework.com/ (hebergé sur developpez.com)
    Mes cours/tutoriaux

  5. #5
    Membre éprouvé
    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.
    L'informatique fait gagner beaucoup de temps. A condition d'en avoir beaucoup devant soi !!!

###raw>template_hook.ano_emploi###