Redimensionnement et Rechargement de formulaire

Redimensionnement et Rechargement de formulaire
0
Tags: #<Tag:0x00007f853667e180>

Bonjour,

Dans notre application, nous avons rajouté, sur certaines relations, des filtres spécifiques en paramétrage.

Nous remarquons que des requêtes AJAX sont envoyées à chaque fois que le formulaire subit une modification de sa taille.

Ce comportement fige le formulaire jusqu’à la réception de la dernière réponse.

Ce comportement est-il normal ? Y a-t-il une solution de contournement pour ne plus figer le formulaire ?

Cordialement

Le redimensionnement (window.resize) lance un trigger “ui.resize” sur tous les composants ayant la classe CSS “js-resizable”.

  • fait par formulaire pour repositionner/recalculer certaines zones / voir tout recharger
  • également fait par le menu pour se minifier si écran trop petit…

Pour ne rien recharger, il suffit en premier lieu de retirer cette classe du formluaire sur le form.onload du hook front. Elle ne sera plus visible pour le resize.

$(".objform.js-resizable").removeClass("js-resizable");

Il semble que cette class CSS soit bien l’origine de ce comportement.

Par contre, dans notre cas, la méthode fournie ne permet d’enlever la class que sur l’objet en cours, les autres relations étant présentes dans des zones par défaut refermée.
Nous devons alors dupliquer la méthode dans tous les scripts des objets rattachées, pour enlever le comportement sur les tableaux et les lignes d’objets associées.

En tout cas, la navigation est plus fluide sans cette class.

Il faut revoir le selector jQuery pour inclure les autres div contenant cette classe que vous ne voulez pas rafraichir lors d’un resize.

Mais si vous voulez complètement retirer le resize, il sera plus simple de faire un

$(window).off("resize")

lors du “ui.ready” de la disposition responsive.
au risque et péril de celui qui travaillera sur tablette et qui passera de portrait à paysage…