如何阻止 Dashing 在视口之外更新小部件

Posted 2023-05-07

【中文标题】如何阻止 Dashing 在视口之外更新小部件

【英文标题】：How can I stop Dashing from updating widgets outside of viewport

【发布时间】：2017-10-19 23:31:49

【问题描述】：

我已经建立了一个使用 Shopify/Dashing 作为基础的家庭自动化仪表板。

Dashing 使用 Gridster.js 分配我在列和页面中的大量小部件。使用 Dashing.cycleDashboards() 切换页面。小部件使用 Batman.js 绑定到 EventSource 套接字（安装为 Ruby Gem，它通过 mqtt 从 OpenHab 获取数据）

我选择不创建多个仪表板，因为仪表板运行在过时的浏览器上，并且如前所述将它们拆分为 gridster div。这就是我的问题所在；

虽然一次只显示一个 Gridster div，但所有内容都在 DOM 中更新。由于浏览器非常不稳定，这会占用大量内存和浏览器崩溃。

我想阻止 Dashing 更新隐藏的 Gridster div。当然，div 应该在切换到它后得到更新。 （切换后我想使用 jQuery XHR 调用为每个小部件执行状态更新。）

以上可能吗？如果是这样，请指出我正确的方向。我需要更改哪些文件？示例代码会很棒。

提前致谢。

迈克尔

【参考方案1】：

我没有解决这个问题。我已经重写了完整的 html 结构来完成我所需要的。关闭此线程！