diff --git a/README.md b/README.md index f481151..6826ada 100644 --- a/README.md +++ b/README.md @@ -232,6 +232,15 @@ Concatener le filtrage dans l'url d'appel du json : 2021 ``` +## cellule checkbox +Il est possible d'ajouter pour une colonne des checbox qui declencheront soit une action, soit l'appel d'un formulaire. +1. il faut ajouter dans le header la cle checkbox (cf ex) pour definir l'url du payload de type action ou page= (formulaire) +avec comme nom de premier parametre : data qui sera transformer en php via : +```php + $data = json_decode($data,true); +``` +2. Puis la valeur de la cellule doit etre du type dataid-#ID_PATATE (cf ex) + ## Refs https://unpkg.com/browse/vue-next-select@2.10.4/ diff --git a/js/gamutable.es6.js b/js/gamutable.es6.js index 4c82991..5fcafaa 100644 --- a/js/gamutable.es6.js +++ b/js/gamutable.es6.js @@ -818,13 +818,31 @@ let monTableau = { }, checkboxValider(head, url) { let that = this; - $.ajax({ - url: url, - data: { data: this.Tcheckbox[head] }, - type: 'POST', - }).done(function () { - that.chargerJson(); - }); + console.log('head = ', head); + console.log('url = ', url); + let typeLien = 'page'; + if (url.includes('action=')) { + typeLien = 'action'; + } + // $.modalbox(url, data); + if (typeLien === 'action') { + $.ajax({ + url: url, + data: { data: this.Tcheckbox[head] }, + type: 'POST', + }).done(function () { + that.chargerJson(); + }); + } else { + const Tcheck = encodeURIComponent(JSON.stringify(this.Tcheckbox[head])); + url += '&data=' + Tcheck; + url += '&var_zajax=content'; + const data = {}; + data.onClose = () => { + that.chargerJson(); + }; + $.modalbox(url, data); + } }, }, template: ` diff --git a/js/gamutable.js b/js/gamutable.js index faa5884..8b81452 100644 --- a/js/gamutable.js +++ b/js/gamutable.js @@ -938,15 +938,37 @@ var monTableau = { }, checkboxValider: function checkboxValider(head, url) { var that = this; - $.ajax({ - url: url, - data: { - data: this.Tcheckbox[head] - }, - type: 'POST' - }).done(function () { - that.chargerJson(); - }); + console.log('head = ', head); + console.log('url = ', url); + var typeLien = 'page'; + + if (url.includes('action=')) { + typeLien = 'action'; + } // $.modalbox(url, data); + + + if (typeLien === 'action') { + $.ajax({ + url: url, + data: { + data: this.Tcheckbox[head] + }, + type: 'POST' + }).done(function () { + that.chargerJson(); + }); + } else { + var Tcheck = encodeURIComponent(JSON.stringify(this.Tcheckbox[head])); + url += '&data=' + Tcheck; + url += '&var_zajax=content'; + var data = {}; + + data.onClose = function () { + that.chargerJson(); + }; + + $.modalbox(url, data); + } } }, template: "\n\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t | \n\t\t\t\t
---|
\n\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{{ option }}\n\t\t\t\t\t\t\t\t\t\tx\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t | \n\t\t\t\t
\n\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t | \n\t\t\t\t