编辑模式下的HTML表格自动刷新问题
问题描述:
我正在从一个json对象数组构造一个html页面。数组中的每个对象在html页面中都显示为单独的表格。 说如果数组有5个对象,那么html将有5个表。我正在使用Mustache.js
来构造表格。编辑模式下的HTML表格自动刷新问题
我必须每5分钟刷新一次该页面。
每个表的顶部都有“编辑”按钮。点击编辑时,表格将处于“编辑模式”。 在执行自动刷新时,我想要停止处于“编辑模式”下的表的刷新。
请为此提出一些解决方案。
我想使用
$("#"+divId).load(URL);
但这加载原始数据到table.It不填充相应的列,而不是应用的样式。
感谢
答
对于在编辑模式下停止刷新表,你可以做这样的事情:
<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
编辑
我需要基于Mustache.js的解决方案 – JavaUser
查看jsfiddle示例 – waki
感谢waki。我将在明天更新您的解决方案。 – JavaUser