2017-05-19 5 views
0

enter image description here J'ai mis en place un tableau de bord Home-Automation en utilisant Shopify/Dashing comme base. Dashing utilise Gridster.js pour allouer la grande quantité de widgets que j'ai dans les colonnes & pages. Les pages sont commutées avec Dashing.cycleDashboards(). Les widgets sont liés à un socket EventSource avec Batman.js (installé comme Ruby Gem, qui reçoit ses données d'OpenHab via mqtt)Comment puis-je arrêter Dashing de mettre à jour des widgets en dehors de viewport

J'ai choisi de ne pas créer plusieurs tableaux de bord à cause du navigateur obsolète sur lequel le tableau de bord fonctionne et les diviser en divs gridster comme dit. C'est là que ma question concerne;

Bien qu'un seul div de Gridster soit affiché à la fois, tous sont mis à jour dans le DOM. Parce que le navigateur est si instable cela prend beaucoup de mémoire et de chrash du navigateur.

Je souhaite empêcher Dashing de mettre à jour les divs Gridster masquées. Bien sûr, le div devrait être mis à jour après le passage à celui-ci.(Après le commutateur, je voudrais exécuter des mises à jour d'état par widget avec des appels jQuery XHR.)

Est-ce que cela est possible? Et si c'est le cas, veuillez me diriger dans la bonne direction. Quel (s) fichier (s) dois-je changer? Exemple de code serait génial.

Merci d'avance.

Michael

Répondre

0

Je n'ai pas résolu ce problème. J'ai réécrit la structure HTML complète pour accomplir ce dont j'avais besoin. Fermeture de ce fil!