Discussion :

[youpitralala]

Bonjour,

J'ai un soucis dans un développement basé sur un datable. Le but est simple, j'ai une liste de fournisseurs et si je clique sur un fournisseur, je veux connaître la liste de ses contacts...

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
initListeContacts: function(idFournisseur){
    tableContacts = $('#tableContacts').dataTable({
        "aLengthMenu": [
            [10, 25, 50, 100, -1],
            [10, 25, 50, 100, "Tous"] // change per page values here
        ],
        "bProcessing": true,
        "bRetrieve": true,
        "bDestroy": true,
        "bServerSide": true,
        "sAjaxSource": "listeContacts.php",
        "iDisplayLength": 100,
        "sPaginationType": "bootstrap_full_number",
        "oLanguage": {
        "sProcessing": '<i class="fa fa-coffee"></i>&nbsp;Veuillez patienter...',
        "sLengthMenu": "_MENU_ enregistrement(s)",
        "oPaginate": {
            "sPrevious": "Prec.",
            "sNext": "Suiv."
        }
    },
    "fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {
    )};
}

Mon script php renvoie un json qui va bien. Maintenant, je voudrais intégrer dans le .php un paramètre pID qui recevrait, au moment de l'appel Ajax, le numéro du fournisseur...

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
initListeContacts: function(idFournisseur){
    tableContacts = $('#tableContacts').dataTable({
        "aLengthMenu": [
            [10, 25, 50, 100, -1],
            [10, 25, 50, 100, "Tous"] // change per page values here
        ],
        "bProcessing": true,
        "bRetrieve": true,
        "bDestroy": true,
        "bServerSide": true,
        "sAjaxSource": "listeContacts.php",
        "iDisplayLength": 100,
        "sPaginationType": "bootstrap_full_number",
        "oLanguage": {
        "sProcessing": '<i class="fa fa-coffee"></i>&nbsp;Veuillez patienter...',
        "sLengthMenu": "_MENU_ enregistrement(s)",
        "oPaginate": {
            "sPrevious": "Prec.",
            "sNext": "Suiv."
        }
    },
    "fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {
    )};
}

J'ai essayé de rajouter ça :

Code :

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

1
2
3
4
 
"fnServerData": function (sSource, aoData, fnCallback) {
    aoData.push({ "name": "pId", "value": idFournisseur });
},

et de récupérer le contenu dans le .php

Code :

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

1
2
 
$id = $_POST['pId']; // j'ai essayé aussi avec $_GET

Avez-vous un peu d'aide à me fournir ?

Merci,

Vincent

[danielhagnoul]

http://datatables.net/examples/serve...stom_vars.html

[youpitralala]

Bonjour et merci de cette réponse... Mais c'est par la documentation
que j'avais commencé...

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
 
$(document).ready(function() {
	$('#example').dataTable( {
		"bProcessing": true,
		"bServerSide": true,
		"sAjaxSource": "../examples_support/server_processing.php",
		"fnServerData": function ( sSource, aoData, fnCallback ) {
			/* Add some extra data to the sender */
			aoData.push( { "name": "more_data", "value": "my_value" } );
			$.getJSON( sSource, aoData, function (json) { 
				/* Do whatever additional processing you want on the callback, then tell DataTables */
				fnCallback(json)
			} );
		}
	} );
} );

Le fichier server_processing.php fourni avec le source ne contient aucune référence à une variable "more_data". De plus, avec firebug, je ne vois aucun paramètre pId (le nom de mon paramètre dans mon premier exemple... Je ne sais pas si mon script php reçoit pId dans un $_GET ni un $_POST (un print_r m'en a donné la preuve...)...

Donc si quelqu'un a un exemple plus concret (et qui marche) je suis preneur.

En attendant, je passe par une variable de session... Mais c'est bof bof...
Merci,

[thunder75]

Bonjour,

Il faut utiliser fnServerParams à la place de fnServerData.
Essayez avec le code suivant

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
 
tableContacts = $('#tableContacts').dataTable({
	"aLengthMenu": [
		[10, 25, 50, 100, -1],
		[10, 25, 50, 100, "Tous"] // change per page values here
	],
	"bProcessing": true,
	"bRetrieve": true,
	"bDestroy": true,
	"bServerSide": true,
	"sAjaxSource": "listeContacts.php",
	"iDisplayLength": 100,
	"sPaginationType": "bootstrap_full_number",
	"oLanguage": {
		"sProcessing": '<i class="fa fa-coffee"></i>&nbsp;Veuillez patienter...',
		"sLengthMenu": "_MENU_ enregistrement(s)",
		"oPaginate": {
			"sPrevious": "Prec.",
			"sNext": "Suiv."
		}
	},
	"fnServerParams": function (aoData) {
		aoData.push({ "name": "pId", "value": idFournisseur });
	}
)};

[youpitralala]

Perfect ! Ça marche nickel.

Merci, merci !