La demande d'ajout de ligne qui doit être effectuée par datatables ne semble pas envoyer de demande à la page .php. quand je clique sur Confirmer sur le formulaire AddNewRow, il ajoute seulement une ligne au datatable sur la page web, et ne m'avertit pas de la sortie de la page php 'AddData.php' comme Delete and Edit, le seul code est un echo 'test', pour voir si ça marche. J'ai utilisé le Editable plugin for Datatables.Datatables Plugin Ajouter une ligne PHP
La forme requise dans le code HTML pour que le plugin makeEditable AddNewRow fonctionne, fonctionne correctement, le formulaire s'affiche avec les boutons et champs corrects.
Comment puis-je tester si j'envoie la requête AJAX?, Quelles fonctions ou propriétés puis-je utiliser pour vérifier les données envoyées et modifier les données à envoyer?
Voici le code pour créer mes datatables:
$('#tmTabs').tabs({
"show": function(event, ui) {
//make datatable columns resize to adjust to changing tabs
}
});
$('.dataTable').each(function(){
//get ID of current table;
tblID = $(this).attr("id");
var pattern = "[0-9]+";
$tblIDNum = tblID.match(pattern);
//transform this table into a data table
$(this).dataTable({
"bProcessing":true,
"sScrollY": "600px",
"sScrollX": "100%",
"bScrollCollapse": true,
"bPaginate": false,
"bJQueryUI": true
})
.makeEditable({
//ajax requests for server-side processing
sUpdateURL: "UpdateData.php",
sAddURL: 'AddData.php',
sDeleteURL: "DeleteData.php",
sReadOnlyCellClass: "read_only",
//Button Customization
oAddNewRowButtonOptions: {
label: "Add...",
icons: { primary: 'ui-icon-plus' }
},
oDeleteRowButtonOptions: {
label: "Remove",
icons: { primary: 'ui-icon-trash' }
},
oAddNewRowOkButtonOptions: {
label: "Confirm",
icons: { primary: 'ui-icon-check' },
name: "action",
value: "add-new"
},
oAddNewRowCancelButtonOptions: {
label: "Close",
class: "back-class",
name: "action",
value: "cancel-add",
icons: { primary: 'ui-icon-close' }
},
oAddNewRowFormOptions: {
title: 'Add New Row',
show: "blind",
hide: "explode"
},
//Link button ids
sAddDeleteToolbarSelector: ".dataTables_length",
sAddNewRowFormId: "formAddNewRow"+$tblIDNum,
sAddNewRowButtonId: "btnAddNewRow"+$tblIDNum,
sAddNewRowOkButtonId: "btnAddNewRowOk"+$tblIDNum,
sAddNewRowCancelButtonId: "btnAddNewRowCancel"+$tblIDNum,
sDeleteRowButtonId: "btnDeleteRow"+$tblIDNum
});
enter code here
});