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

Question

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

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

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

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

我正在尝试使用

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

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

谢谢

Answer 1

要在编辑模式下停止刷新表格，你可以这样做:

<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>

设置 data-edit-mode=true 当你按下 button edit

更新

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