Библиотека JS для отображения таблицы в реальном времени

Question

Теперь я знаком с JSON и jQuery. Я ищу библиотеку, которая делает это:

Обновление в реальном времени моей таблицы (с помощью JSON (вызов каждые x секунд)) и удаление или скрытие только тех строк, которые были удалены, или вставка новых строк, но мне нужно отображать новые строки особым образом:

Позвольте мне объяснить:

JSON-запрос 1 отправить:
1; помидор 2; яблоко 3; салат 4; карот

JSON-запрос 2 отправьте:
1; помидор 3; салат 4; морковь 5; картофель

Я бы хотел, чтобы вторая строка исчезла с эффектом (fadeOut), а строки ниже переместились вверх. Для строки 5 я просто хочу, чтобы новая строка появлялась с появлением.

Существует ли какая-либо библиотека, делающая это?

Я делаю это на PHP, но я надеюсь написать все это на JS.

Пользователь может просто просмотреть таблицу и увидеть, как появляются новые строки и удаляются старые строки.

Есть идеи или я должен написать это с нуля?

Answer 1

Вы можете использовать удивительный плагин jqGrid .

Чтобы выполнить автообновление, вам необходимо сделать следующее:

setInterval(function(){
  $("#grid1").trigger("reloadGrid");
}, 10000);

Чтобы изменить параметры для отправки, используйтеметод плагина .setPostData()

Надеюсь, это поможет.Приветствия.

Answer 2

Вы можете написать это в чистом jquery.Просто загружайте таблицу каждый раз, используя .post () в качестве примера.Fade in / out - тоже не большая проблема, просто добавьте html (div / row), и они покажут () с эффектом вертикального скольжения.Возможно с изменением непрозрачности.

PS.Специально предложите вам заглянуть в сетки ExtJS ... это еще один способ сделать таблицу красиво выглядящей.Единственное, что вам нужно для extjs - таймер, чтобы обновить его, если mysql также меняется в фоновом режиме.