Ouvrir une modale avec Datatables

Version imprimable

1 pièce(s) jointe(s)

Bonjour,

Je cherche à ouvrir une modale au click sur le bouton "Ajouter Client". Je travaille avec Materialize et un tableau Datatables.

Pièce jointe 661875

Mes boutons sont configurés de la manière suivante, mais cela ne fonctionne pas. Au niveau du bouton "Ajouter client", il faudrait pouvoir ajouter un dataset, en l'occurence "data-target".
Comment faire ? Je n'ai pas trouvé la solution sur le site de Datatables.

Merci pour vos retours,

Sylvain

Code:

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
buttons:[
        {
            extend:'pdfHtml5',
            className: 'btn-small red white-text',
            text:'PDF',
            titleAttr:'Pdf',
            pageSize:'A4',
            title:"Client"
        },
        {
            extend:'excelHtml5',
            className: 'btn-small green white-text',
            text:'Excel',
            titleAttr:"Excel",
            title:"Client"
        },
        {
            text: 'Ajouter client',
            className: 'right btn-small green white-text createClient modal-trigger',
            action: (e, node, config) => {
                $(document).ready(function(){
                    $("#modalCreateClient").modal();
                })
            }
        }],

Bonjour,

Pourquoi vous mettez document.ready à l'intérieur du callback action
Code:

1 2 3 4 5 action: (e, node, config) => { $(document).ready(function(){ $("#modalCreateClient").modal(); }) }
??, document ready n'a aucun sens ici!

Si vous utilisez Bootstrap, vous avez donc la possibilité d'utiliser l'option show ou toggle.

vous devriez simplement avoir :
Code:

1 2 3 4 action: (e, node, config) => { console.log("clic sur le bouton ajouter client, données config :"+config);//vérifiez que cette ligne apparait dans la console après avoir cliquer sur le bouton... $("#modalCreateClient").modal('toggle');//toggle est une option de bootstrap modal }
Voyez-vous le résultat de la console.log dans la console du navigateur?

25/11/2024, 11h10
sylvain257

J'avais essayé un truc dans ce genre là, mais cela ne fonctionne pas Pour finir j'ai opté pour un bouton externe qui s'active au click.

Sylvain