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

Question

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

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

每个 table 的顶部都有 "Edit" 按钮。单击“编辑”后，table 将位于 "Edit mode" 中。在执行自动刷新时，我想停止刷新 "Edit mode".

中的 tables

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

我正在尝试使用

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

但这会将原始数据加载到 table.It 中，但不会填充相应的列，也不会应用样式。

谢谢

Answer 1

要在编辑模式下停止刷新table，您可以这样做：

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

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

HTML table auto refresh issue with Edit mode

html

javascript

jquery

mustache

twitter-bootstrap

更新