Nouvelle prop pour l'appel de gamutable :

* nomblocajaxreload qui est le nom d'un bloc ajax que sera appelé apres
  le chargemnet des données en stockage local ou distant
*
This commit is contained in:
Christophe 2021-10-13 23:17:30 +02:00
parent b8f074002b
commit 2e87b10e32
4 changed files with 25 additions and 2 deletions

View file

@ -26,6 +26,7 @@ Choisir entre la version minifiée de vuejs (sans le debug) ou la version de dev
namecsv="souscripteurs.csv", namecsv="souscripteurs.csv",
url_sort_asc="#CHEMIN{...}" url_sort_asc="#CHEMIN{...}"
url_sort_desc="#CHEMIN{...}" url_sort_desc="#CHEMIN{...}"
nomBlocAjaxReload="nom bloc a recharger à la fin du chargement des donnees"
env env
}> }>
``` ```

View file

@ -17,6 +17,7 @@
url_sort_asc="#ENV{sort_asc,#GET{sort_asc}}" url_sort_asc="#ENV{sort_asc,#GET{sort_asc}}"
url_sort_desc="#ENV{sort_desc,#GET{sort_desc}}" url_sort_desc="#ENV{sort_desc,#GET{sort_desc}}"
filtrecolmulti="#ENV{filtrecolmulti,oui}" filtrecolmulti="#ENV{filtrecolmulti,oui}"
nomblocajaxreload="#ENV{nomblocajaxreload}"
ref="montableau" ref="montableau"
></mon-tableau> ></mon-tableau>
</div> </div>
@ -36,6 +37,7 @@
url_sort_asc="[(#ENV{sort_asc_deux, #ENV{sort_asc,#GET{sort_asc}}})]" url_sort_asc="[(#ENV{sort_asc_deux, #ENV{sort_asc,#GET{sort_asc}}})]"
url_sort_desc="[(#ENV{sort_desc_deux, #ENV{sort_desc,#GET{sort_desc}}})]" url_sort_desc="[(#ENV{sort_desc_deux, #ENV{sort_desc,#GET{sort_desc}}})]"
filtrecolmulti="[(#ENV{filtrecolmulti_deux, #ENV{filtrecolmulti,oui}})]" filtrecolmulti="[(#ENV{filtrecolmulti_deux, #ENV{filtrecolmulti,oui}})]"
nomBlocAjaxReload="#ENV{nomblocajaxreload}"
ref="montableau" ref="montableau"
></mon-tableau> ></mon-tableau>
</div> </div>

View file

@ -188,6 +188,9 @@ let monTableau = {
filtrecolmulti: { filtrecolmulti: {
type: String, type: String,
}, },
nomblocajaxreload: {
type: String,
},
}, },
data: function () { data: function () {
return { return {
@ -413,6 +416,9 @@ let monTableau = {
} }
console.log('fin chargement local forage '); console.log('fin chargement local forage ');
} }
if (that.nomblocajaxreload) {
ajaxReload(that.nomblocajaxreload);
}
}) })
.catch(function (err) { .catch(function (err) {
console.log(err); console.log(err);
@ -471,6 +477,9 @@ let monTableau = {
url = url.href.replace('&_id=' + $_id, ''); url = url.href.replace('&_id=' + $_id, '');
history.pushState({}, null, url); history.pushState({}, null, url);
} }
if (this.nomblocajaxreload) {
ajaxReload(this.nomblocajaxreload);
}
console.timeEnd('Chargement de VueJs APRES Ajax'); console.timeEnd('Chargement de VueJs APRES Ajax');
}); });
}) })
@ -605,7 +614,7 @@ let monTableau = {
> >
<i class="fa fas fa-database"></i> <i class="fa fas fa-database"></i>
</span> </span>
<span class="gamutable-nbrMax">{{tableau.length}} / {{table.length}} éléments</span> <span class="gamutable-nbrMax" :data-nbrmax="table.length">{{tableau.length}} / {{table.length}} éléments</span>
</div> </div>
<div class="vueBlocs" v-if="quelleVue === 'bloc'"> <div class="vueBlocs" v-if="quelleVue === 'bloc'">

File diff suppressed because one or more lines are too long