Javascript 编辑模式下HTML表格自动刷新问题
我正在从json对象数组构建一个html页面。数组中的每个对象在html页面中显示为单独的表。 假设数组有5个对象,那么html将有5个表。我正在使用Javascript 编辑模式下HTML表格自动刷新问题,javascript,jquery,html,twitter-bootstrap,mustache,Javascript,Jquery,Html,Twitter Bootstrap,Mustache,我正在从json对象数组构建一个html页面。数组中的每个对象在html页面中显示为单独的表。 假设数组有5个对象,那么html将有5个表。我正在使用Mustache.js构建表 我必须每5分钟刷新一次这个页面 每个表格的顶部都有“编辑”按钮。单击“编辑”后,表格将处于“编辑模式”。 在执行自动刷新时,我想停止对处于“编辑模式”的表的刷新 请对此提出一些解决方案 我正在尝试使用 $("#"+divId).load(URL); 但这会将原始数据加载到表中,不会填充适当的列,也不会应用样式 感谢您
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>
...
//更新表的示例函数
setInterval(函数(){
$.each($('.table'),函数(k,v){
if($(v).data('edit-mode')==false){
//更新代码
}
});
}, 60 * 5 * 1000);
按下按钮
编辑时,设置数据编辑模式=true
更新
我需要基于Mustache.js的解决方案检查JSFIDLE示例谢谢waki。明天我会更新你的解决方案。