Проблема с автоматическим обновлением таблицы HTML с режимом редактирования

Question

Я создаю html-страницу из массива объектов json. Каждый объект в массиве отображается как отдельная таблица на странице html. Скажите, если массив имеет 5 объектов, тогда html будет иметь 5 таблиц. Я использую Mustache.js для построения таблицы.

Я должен обновить эту страницу каждые 5 минут.

Каждый стол имеет кнопку «Изменить» в верхней части. Когда нажимается «Редактировать», таблица будет находиться в «режиме редактирования». Выполняя автоматическое обновление, я хочу остановить обновление для таблиц, находящихся в «режиме редактирования».

Пожалуйста, предложите некоторое решение для этого.

Я пытаюсь использовать

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

Но это загружает исходные данные в table.It не заселять соответствующий столбец и стиль не применяется.

Благодаря

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 редактировать

обновление

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