Partage
  • Partager sur Facebook
  • Partager sur Twitter

Récupérer index d'un tableau avec JQuery

    8 juillet 2016 à 11:51:17

    Salut tt le monde 

    J'ai créé un tableau HTML sur lequel j'ai implémenté le plugin DataTables (grâce à la magie de JQuery ;) ) et j'aimerais rajouter une possibilité d'édition de ce tableau et évidemment une répercussion de cette édition dans ma base de données. 

    Cependant je fais toujours face à cette même erreur "Uncaught TypeError: $.fn.dataTable.Editor is not a constructor"

    Voici mon code :

    $(document).ready(function () {
                    var editor = new $.fn.dataTable.Editor({
                        ajax: "index.php", 
                        table: "#dataVenti", 
                            fields: [{
                                label: "Ventilation Devis:", 
                                name: "venti.devis"
                            },{
                                label: "Ventilation DC:", 
                                name: "venti.dc"
                            },{
                                label: "Ventilation PDT:", 
                                name: "venti.pdt"
                            },{
                                label: "Ventilation PTU:", 
                                name: "venti.ptu"
                            },{
                                label: "Ventilation Revue:", 
                                name: "venti.revue"
                            },{
                                label: "Ventilation TI:", 
                                name: "venti.ti"
                            },{
                                label: "Ventilation HML:", 
                                name: "venti.hml"
                            },{
                                label: "Ventilation Garantie:", 
                                name: "venti.garantie"
                            },{
                                label: "Ventilation Pilotage:", 
                                name: "venti.pilotage"
                            }
                        ]
                    });
    
                    $('#dataVenti').on('click', 'tbody td:not(:first-child)', function (e) {
                        editor.inline(this, {submitOnBlur: true}); 
                    }); 
    
                    $('#dataVenti').DataTable( {
                        ajax: {
                            dom: "Bfrtip",
                            url: "index.php",
                            type: 'POST'
                        },
                        columns: [
                            { data: "venti.devis" },
                            { data: "venti.dc" },
                            { data: "venti.pdt" },
                            { data: "venti.ptu" }, 
                            { data: "venti.revue" },
                            { data: "venti.ti" },
                            { data: "venti.hml" },
                            { data: "venti.garantie" },
                            { data: "venti.pilotage" }
                        ], 
                        select: {
                            style: 'os', 
                            selector: 'td:first-child'
                        }, 
                        buttons: [
                            { extend: "create", editor:editor}, 
                            { extend: "edit", editor:editor},
                            { extend: "remove", editor:editor}
                            ]
                    } );
                }); 

    Pour faire ce code je me suis basé sur les exemple que l'on peut trouver sur le site du plugin DataTable Editor. Je débute en JQuery et je ne vois pas exactement comment la modification en BDD se fera :euh:.

    Donc pour résumer, j'ai une erreur récalcitrante et je suis un peu perdu, donc si quelqu'un peu m'éclairer de ses lumières ... ^^

    • Partager sur Facebook
    • Partager sur Twitter

    Récupérer index d'un tableau avec JQuery

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown