Discussion :

[sylvain257]

Bonjour,

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



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 :

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
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();
                })
            }
        }],

[Toufik83]

Bonjour,

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

Code :

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

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 :

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

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?

[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