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
\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\n\n\t\t\t\n\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t\t\n\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tMise \xE0 jour de la base de donn\xE9e\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t{{tableau.length}} / {{table.length}} \xE9l\xE9ments\n\t\t\t \n\t\t
\n\n\t\t
\n\t\t\t
\n\t\t\t
\n\t\t
\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\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\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\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\t\t\t\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tX\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\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\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\n\t\t\t\t\t
\n\t\t
\n\t\t\t
{{tableau.length}} / {{table.length}} \xE9l\xE9ments
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t
" diff --git a/json_gamutable.json.html b/json_gamutable.json.html index 7a24785..015f66e 100644 --- a/json_gamutable.json.html +++ b/json_gamutable.json.html @@ -5,8 +5,9 @@ "id": "_", "titre": "titre", "nom": "Auteur", -"texte": "texte", "date": "date", +"texte": "texte", +"checkbox_a_valider": "a valider", "statut": "statut" }, "crayons":{ @@ -19,11 +20,17 @@ "filtreCol" : { "statut" : "select", "titre": "input" -} +}, "classes":{ "titre": "toto", "email":"toto" -} +}, +"checkbox": { +[(#REM) + "realise": [(#URL_ACTION_AUTEUR{titi,0}|json_encode)] +] + "realise": [(#URL_PAGE{toto}|json_encode)] +}, }, [(#SET{statut, @@ -37,6 +44,7 @@ ] })] +[(#SET{valider, dataid-#ID_PATATE})] { "html": { @@ -45,6 +53,7 @@ "nom" : [(#NOM|json_encode)], "date" : [(#DATE|affdate{d/m/Y}|json_encode)], "texte": [(#VAL{[(#TEXTE|couper{10})]}|json_encode)], + "checkbox_a_valider": [(#DATE_REALISE|dateHumaine|sinon{#GET{valider}}json_encode)], "statut" : [(#GET{statut}|json_encode)] }, "classes": {