编辑模式下的HTML表自动刷新问题

HTML table auto refresh issue with Edit mode

本文关键字：刷新 新问题 HTML 模式 编辑      更新时间：2023-09-26

我正在从一个json对象数组构建一个html页面。数组中的每个对象在html页面中都显示为单独的表。假设数组有5个对象，那么html将有5个表。我正在使用Mustache.js来构造表。

我必须每5分钟刷新一次这个页面。

每个表格的顶部都有"编辑"按钮。单击"编辑"时，表格将处于"编辑模式"。在进行自动刷新时，我想停止对处于"编辑模式"的表的刷新。

请对此提出一些解决方案。

我正在尝试使用

$("#"+divId).load(URL);

但这会将原始数据加载到表中。它没有填充适当的列，并且没有应用样式。

感谢

对于编辑模式下的停止刷新表，您可以执行以下操作：

<table data-edit-mode="false" class="table">
...
</table>
<script>
    // example function of update tables
    setInterval(function(){
        $.each($('.table'), function(k,v){
            if ($(v).data('edit-mode') === false) {
                //update code
            }
        });
    }, 60 * 5 * 1000);
</script>

按button编辑时设置data-edit-mode=true

更新

https://jsfiddle.net/rdgeejbc/2/

相关文章：