Bonjour,

J'espère que je suis au bon endroit pour exposer mon problème. Pour commencer, la partie de frontend que le tableau où la liste des logins et mot de passes, l'opération est déjà prévu pour la modification. Et j'utilise le web service pour communiquer et échanger les données. Je souhaite d'ajouter une nouvelle action : supprimer un identifiant. Le niveau de WS fonctionne à merveille. Mais au niveau de front, j'ai dû mal à insérer le bout de code pour supprimer un identifiant lequel j'ai pu référencer une méthode SupprimerUnIdentifiant de WS.

Voici le script sur la modification suivant : La balise en gras : j'ai ajouté un bouton, Delete et ce dernier affiche bien
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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
// Chargement de toutes les identifiants
function chargerIdentifiant() {
    $.ajax({
        url: 'Api/ApiParamHabilitation.asmx/ChargerParamIdentifiants',
        type: 'POST',
        contentType: "application/json",
        dataType: 'json',
        success: function (response) {
            var jsonD = jQuery.parseJSON(response.d);
            var items = jsonD.DonneesSortie;
            var t = $('#maTable').DataTable();
            $.each(items, function (i, item) {
                t.row.add([
                   '' + item.Login,
                    '' + item.MotDePasse,
                    '<button type=\"button\" class=\"data-popup-open btn btn-secondary\"  data-popup-open=\"popup-1\">Edit</button> <button type=\"button\" class=\"data-popup-openD btn btn-secondary\" style=\"background-color:blue;\" data-popup-open=\"popup-2\">Delete</button>', 
                ]).draw();
            });
            console.log('Statut Chargement:' + jsonD.Statut);
        },
        error: function (response) {
            var jsonD = jQuery.parseJSON(response.d);
            console.log('Statut Chargement:' + jsonD.Statut);
        }
    });
}

//Cliquer le bouton Edit pour faire un popup de modification
$(window).load(function () {
    var idEvalActuelle = "";
    var table = $('#maTable').DataTable();
    $('#maTable tbody').on('click', 'tr', function () {
        var data = table.row(this).data();

        $('#Login').val("" + data[0]);
        $('#MotDePasse').val("" + data[1]);
        idEvalActuelle = data[0];

        var that = $('[data-popup-open]');
        var targeted_popup_class = jQuery(that).attr('data-popup-open');
        $('[data-popup="' + targeted_popup_class + '"]').fadeIn(350);
    });

    //Cliquer pour fermer le popup
    $('[data-popup-close]').on('click', function (e) {
        var targeted_popup_class = jQuery(this).attr('data-popup-close');
        $('[data-popup="' + targeted_popup_class + '"]').fadeOut(350);

        e.preventDefault();
    });
	
	//Valider la modification 
    function confirmerModification() {
        var donneesLg = $("#Login").val();
        var donneesPwd = $("#MotDePasse").val();
        $.ajax({
            url: 'Api/ApiParamIdentifiant.asmx/ModifierUnLogin',
            type: 'POST',
            contentType: "application/json",
            dataType: 'json',
            data: JSON.stringify({
                donneesEntree: idEvalActuelle + "," + donneesLg + "," + donneesPwd,
            }),
            success: function (response) { //Retour la modification succès ou échoué
                var jsonD = jQuery.parseJSON(response.d);
                messageModification = jsonD.DonneesSortieModif;
                alert(messageModification);
                location.reload(true);
            },
            error: function (response) {

                fail(response);
            }
        });

        function fail(reponse) {
            var jsonD = jQuery.parseJSON(response.d);
            console.log("Statut Modification identifiat:" + jsonD.Statut);

        }
    }

    $('#Buttonvalider').click(function () {
        $('.popup-inner').hide();
        confirmerModification();
    });

    // Le curseur au niveau du menu
    var elt = $('#Identifiant');
    $('#Acceuil').removeClass("active");
    $('#Parametres').removeClass("active");
    $('#Deconnexion').removeClass("active");
});


// Pour la Datatable
function applyDatatable() {
    $('#maTable').DataTable({
        language: {
            processing: "Traitement en cours...",
            search: "Rechercher :",
            lengthMenu: "Afficher les menus",
            info: "Affichage de l'element",
            infoEmpty: "Affichage de l'element sur des elements",
            infoFiltered: "(filtr&eacute; de _MAX_ &eacute;l&eacute;ments au total)",
            infoPostFix: "",
            loadingRecords: "Chargement en cours...",
            zeroRecords: "Aucun &eacute;l&eacute;ment &agrave; afficher",
            emptyTable: "Aucune donnée disponible dans le tableau",
            paginate: {
                first: "Premier",
                previous: "Pr&eacute;c&eacute;dent",
                next: "Suivant",
                last: "Dernier"
            },
            aria: {
                sortAscending: ": activer pour trier la colonne par ordre croissant",
                sortDescending: ": activer pour trier la colonne par ordre décroissant"
            }
        }
    });
}

$(document).ready(chargerIdentifiant(), applyDatatable(), function () {

});
Le script pour modification d'un identifiant qui lie au script ci-dessus, ce qui pourra vous comprendre mieux :
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
 
    <%-- PopUp--%>
    <div class="popup" data-popup="popup-1" style="display: none">
        <div class="popup-inner">
            <h2 id="nomH2">Modifier un identifiant</h2>
            <div id="editDiv" class="form-group">
                <textbox class="popMarge">Login</textbox>
                <input type="text" id="Login" class="popMargeInput" />
            </div>
            <div class="form-group">
                <textbox class="popMarge">Mot de passe</textbox>
                <input type="text" id="MotDePasse" class="popMargeInput" />
            </div>
            <button class=" btn btn-secondary popMarge" id="Buttonvalider">Valider</button>
            <button class=" btn btn-secondary popMarge" id="ButtonAnnuler" data-popup-close="popup-1">Annuler</button>
            <a class="popup-close" data-popup-close="popup-1" href="#">x</a>
        </div>
    </div>
Mais au moment de synchroniser la suppression d'un identifiant, je suis un peu perdu avec le script en ajax, j'ai essayé d'ajouter un popup mais ça n'a pas effet. C'est DataTable que j'utilise. J'ai lu le tuto : https://datatables.net/reference/api/row().delete()
J'ai dû mal à distinguer la différence : row().delete() et row.remove()
Ce serait génial si vous m'éclairez/vous m'aidez mon problème.
Merci à l'avance.