IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
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

jQuery Discussion :

dataTables - CheckBox Json


Sujet :

jQuery

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    71
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2010
    Messages : 71
    Par défaut dataTables - CheckBox Json
    Je fais appel à vous pour un petit conseil

    J'utilise dataTables qui et très efficace pour un grand nombre d'action

    http://www.datatables.net/examples/s...rver_side.html

    J'ai voulue ajouté des liens dans les résultat, exemple petit icones édition ou suppression mais sans grand succes.

    J'ai donc opté pour la solution de faire sortir mes liens directement en Json :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    	while ( $aRow = mysql_fetch_array( $rResult ) )
    	{
    		$sOutput .= "[";
        $openlink = "<a href='edition.php?id=".$aRow['client_id']."'>";
        $closelink = "</a>";
    		$sOutput .= '"'.$openlink.$aRow['client_id'].$closelink.'",';
    		$sOutput .= '"'.$openlink.addslashes($aRow['client_title']).$closelink.'",';
    		$sOutput .= '"'.$openlink.addslashes($aRow['client_firstname']).$closelink.'",';
    		$sOutput .= '"'.$openlink.addslashes($aRow['client_lastname']).$closelink.'",';
    		$sOutput .= '"'.$openlink.addslashes($aRow['client_city']).$closelink.'"';
    		$sOutput .= "],";
    	}


    Ça fonction mais je ne suis pas sur que cela est la meilleur méthode, qu'en pensez vous ?

    Sachant qu'a terme je vais rajouter :

    http://www.datatables.net/examples/api/form.html

    Ce qui veux dire faire sortir les input check box par Json et là pareil je me dire que cela va faire lourd et qu'il y a sans doute une meilleur possibilité.

    Merci

    Référence : http://www.datatables.net

    Header :
    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
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
     
    <script type="text/javascript" language="javascript" src="jscripts/jquery.dataTables.min.js"></script>
    <script type="text/javascript" charset="utf-8">
    			$(document).ready(function() {
          	$('#form').submit( function() {
          					var sData = $('input', oTable.fnGetNodes()).serialize();
          					alert( " test: \n\n"+sData );
          					return false;
          				} );
     
    				$('#example').dataTable( {
    					"bProcessing": true,
    					"bServerSide": true,
              "aoData": [
                    { "sType": "html" },
              null,
              null,
              null,
              null,
              ],
     
              "sPaginationType": "full_numbers",
              "oLanguage":{
                	"sProcessing":   "Traitement en cours...",
                	"sLengthMenu":   "Afficher _MENU_ éléments",
                	"sZeroRecords":  "Aucun élément à afficher",
                	"sInfo":         "Affichage de l'élement _START_ à _END_ sur _TOTAL_ éléments",
                	"sInfoEmpty":    "Affichage de l'élement 0 à 0 sur 0 éléments",
                	"sInfoFiltered": "(filtré de _MAX_ éléments au total)",
                	"sInfoPostFix":  "",
                	"sSearch":       "Rechercher :",
                	"sUrl":          "",
                	"oPaginate": {
                		"sFirst":    "Premier",
                		"sPrevious": "Précédent",
                		"sNext":     "Suivant",
                		"sLast":     "Dernier"
                	}
                },
    					"sAjaxSource": "ajax.php"
     
    				} );
    			} );
    		</script>
    Html :
    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
     
    <form id="form">
    <button type="submit">Supprimer clients séléctionnée</button>
     
    <table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
    	<thead>
    		<tr>
    			<th width="5%">Id</th>
    			<th width="25%">Titre</th>
    			<th width="25%">Prénom</th>
    			<th width="20%">Nom</th>
    			<th width="20%">Ville</th>
    		</tr>
    	</thead>
    	<tbody>
    		<tr>
    			<td colspan="5" class="dataTables_empty">Chargement des données</td>
    		</tr>
    	</tbody>
    	<tfoot>
    		<tr>
    			<th>Id</th>
    			<th>Titre</th>
    			<th>Prénom</th>
    			<th>Nom</th>
    			<th>Ville</th>
    		</tr>
    	</tfoot>
    </table>
    </form>

  2. #2
    Membre averti
    Inscrit en
    Avril 2008
    Messages
    38
    Détails du profil
    Informations personnelles :
    Âge : 39

    Informations forums :
    Inscription : Avril 2008
    Messages : 38
    Par défaut
    Bonjour,

    J'ai le même problème, je ne comprends pas comment ca fonctionne ce DataTables.

    J'ai un tableau avec server_side_processing et je ne sais pas comment ajouter des colonnes pour edition et modification

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    $(document).ready(function() {
     
    	$('#table-depenses').dataTable( {
    		"bProcessing": true,
    		"bServerSide": true,
    		"sAjaxSource": "./_server_processing_depenses.php"
    	} );
     
    } );

    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
    32
    33
    34
    35
      <table cellpadding="0" cellspacing="0" border="0" class="display" id="table-depenses">
    <thead>
         <tr>
           <th>id</th>
           <th>Date</th>
           <th>Categorie</th>
           <th>S.Categorie</th>
           <th>Details</th>
           <th>Voiture</th>
           <th>D.Caisse</th>
           <th>D.H.Caisse</th>
           <th>Banque</th>
           <th>N.Chèque</th>
           <th>Fournisseur</th>
           <th>N.Facture</th>
         </tr>
    </thead>
     
       <tfoot>
          <tr>
           <th>id</th>       
           <th>Date</th>
           <th>Categorie</th>
           <th>S.Categorie</th>
           <th>Details</th>
           <th>Voiture</th>
           <th>D.Caisse</th>
           <th>D.H.Caisse</th>
           <th>Banque</th>
           <th>N.Chèque</th>
           <th>Fournisseur</th>
           <th>N.Facture</th>
         </tr>
      </tfoot>
    </table>
    d'habitude je fais:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <td><a href="edit-depense.php?id=<?php echo $line['id']; ?>"> Edit</a></td>
    Qui peut m'aider...

Discussions similaires

  1. DataTable, objet JSON
    Par Coemgen4 dans le forum jQuery
    Réponses: 0
    Dernier message: 02/12/2014, 14h46
  2. plugin Datatables et JSON. Question de philosophie
    Par franquis dans le forum jQuery
    Réponses: 1
    Dernier message: 16/12/2010, 22h19
  3. problème CheckBox dans une Datatable
    Par rc.dev2009 dans le forum JSF
    Réponses: 3
    Dernier message: 23/04/2009, 17h47
  4. Datatable triable et checkbox
    Par edenyorke dans le forum JSF
    Réponses: 2
    Dernier message: 15/04/2008, 16h22
  5. dataTable et checkbox
    Par khaoula_14_05 dans le forum JSF
    Réponses: 11
    Dernier message: 11/04/2008, 14h51

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo