powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Обновление таблицы с помощью jQuery
4 сообщений из 4, страница 1 из 1
Обновление таблицы с помощью jQuery
    #38706272
Alibek B
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Есть у меня данные, которые динамически загружаются с сервере (раз в минуту) и которые нужно отобразить на странице.
Я думал использовать DataTables, но у этого компонента оказалось несколько ограничений, из-за чего он мне не подходит.
Теперь думаю использовать обычную HTML-таблицу, динамически ее формируя.
Подскажите, как с помощью jquery удалить все строки с данными (в tbody), а затем добавить новые строки?
________________________
Мы смотрим с оптимизмом...
...в оптический прицел.
...
Рейтинг: 0 / 0
Обновление таблицы с помощью jQuery
    #38706291
carrotik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Alibek B.,
...может, вы все-таки посмотрите knockout.js, если уж чем дальше в лес, тем больше дров? .. там концепция основывается на observableArray, т.е. скрипт постоянно отслеживает массив, получаемый с сервера и автоматически обновляет все контролы на странице (select-ы, таблицы), которые привязаны к этому массиву через data-binding ... Ничего обнулять вручную не надо ...
...
Рейтинг: 0 / 0
Обновление таблицы с помощью jQuery
    #38706309
Alibek B
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Я бегло уже посмотрел и понял, что с наскоку лучше не делать.
А детально вникать потребует много времени, у меня же разовая задача.

Я пока остановился на таком коде:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
	$('#stations > tbody > tr').remove();
	for (var mac in data.data.ap)
	{
		var ap = data.data.ap[mac];
		var html = '';
		html += '<tr'+(ap['state']==1 ? '' : ' class="'+(_InArray(ap['state'],[0,3,6,11,12]) ? 'err' : 'warn')+'"')+'>';
		html += '<td>';
		html += '<span class="row"><img class="icon" src="'+data.dict.ap.icon[ap['model']]+'"/>'+'<strong>'+(ap['ap_index'] ? '#'+ap['ap_index'] : ap['serial'])+'</strong>, '+data.dict.ap.model[ap['model']]+(ap['version'] ? ', v. '+ap['version'] : '')+'</span>';
		html += '<span class="row">MAC&nbsp;'+(ap['mac'] ? ap['mac'] : 'не найден')+(ap['ip'] ? ', IP&nbsp;'+ap['ip'] : '')+'</span>';
		html += '</td>';
		html += '</tr>';
...
		$('#stations > tbody').append(html);
	}


Есть ли тут какие-то детские ошибки?
Или примерно так и стоит делать?
...
Рейтинг: 0 / 0
Обновление таблицы с помощью jQuery
    #38706311
Alibek B
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Alibek B.и понял, что с наскоку лучше не делать.
В смысле понял, что с наскоку не осилю, нужно читать документацию и изучать примеры.
...
Рейтинг: 0 / 0
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Обновление таблицы с помощью jQuery
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]