ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Посоветуйте, как выводить табличные данные в jQuery
7 сообщений из 7, страница 1 из 1
Посоветуйте, как выводить табличные данные в jQuery
    #38705115
Alibek B
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alibek B
Участник
Необходимо отобразить на странице табличные данные, данные в переменной (получены по JSON).
Редактирование не нужно (только просмотр), пейджинг не нужен (нужно отобразить все данные на одной странице).
Посоветуйте, куда смотреть? Поисковик на запрос «jquery grid» выдает слишком много результатов.
________________________
Мы смотрим с оптимизмом...
...в оптический прицел.
...
Рейтинг: 0 / 0
24.07.2014, 15:45
| Ответить | Цитировать | Написать  
Посоветуйте, как выводить табличные данные в jQuery
    #38705172
carrotik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
carrotik
Участник
Alibek B.,
.. например,
JQuery Datatables

.. с другой стороны, можно посмотреть на knockout.js + knockout.mapping.js - в простеньком варианте вполне подойдет для простых таблиц ... в непростеньком - появляются инструменты и для фильтров, и для пейджинга, и для раскраски ...
...
Рейтинг: 0 / 0
24.07.2014, 16:22
| Ответить | Цитировать | Написать  
Посоветуйте, как выводить табличные данные в jQuery
    #38705197
Alibek B
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alibek B
Участник
А есть грид, который позволит использовать для источника данных callback-функцию?
У меня данные с сервера приходят в виде ассоциированного массива, а DataTables работает с обычным массивом.
Переделать на сервере нежелательно, т.к. эти данные используются не только в гриде, но и еще в нескольких местах, где удобнее иметь именно хеш, а не массив.
...
Рейтинг: 0 / 0
24.07.2014, 16:37
| Ответить | Цитировать | Написать  
Посоветуйте, как выводить табличные данные в jQuery
    #38705279
Alibek B
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alibek B
Участник
Вроде бы DataTables умеет по разному работать с данными.
Но я пока не разберусь.

Вот есть такой JSON:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
data = {
    "list": {
        "key1": {
            "ip": "10.10.10.27",
            "title": "123",
            ...
        },
        "key2": {
            "ip": "10.10.10.26",
            "title": "234",
            ...

        },
        ...
}

Как мне эти данные подсунуть в DataTables?
Вроде бы можно так:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
	$('#stations').dataTable( {
		'data': $.map(data, function(v) { return v; }),
		'columns': [
			{'data': {'_':'ip'}},
			{'data': {'_':'title'}},
			{'data': {'_':'fld3'}},
			{'data': {'_':'fld4'}},
			{'data': {'_':'fld5'}},
		]
	} );


Но в таком виде у меня во всех ячейках выдает null.
Кроме того, мне нужно в один столбец вывести значение, состоящее из нескольких полей объекта. А в таком формате не ясно, как это сделать.

Здесь написано, что можно использовать функцию, это вроде бы как раз то, что мне нужно. Но из примера я не понял, как мне это делать.
...
Рейтинг: 0 / 0
24.07.2014, 17:37
| Ответить | Цитировать | Написать  
Посоветуйте, как выводить табличные данные в jQuery
    #38705367
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
The_ShadoW
Участник
Что это за аццкий map? Мапится что и в куда? Зачем всю data куда-то мапить, если список не в ней, а в list?
Я бы еще понял как-то так:
Код: javascript
1.
$.map(data.list, function(v) { return v; } )



А дальше по учебнику:
Код: javascript
1.
"columns": [ {"data" : "ip"}, {"data" : "title"}, /* и т.д. */ ]
...
Рейтинг: 0 / 0
24.07.2014, 19:19
| Ответить | Цитировать | Написать  
Посоветуйте, как выводить табличные данные в jQuery
    #38705610
Alibek B
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alibek B
Участник
Да, конечно нужен был data.list. Теперь если связывать столбцы непосредственно с полями, таблица загружается.
Но столбец data:<string> мне не подходит.
Грубо говоря, в первом столбце у меня должно быть не "<ip>", а "IP <ip> (<type>)".
Поэтому мне нужно столбец определить как data:function(){return 'IP '+row.ip+' ('+row.type+')'}.
Но в таком виде у меня не работает.
...
Рейтинг: 0 / 0
25.07.2014, 09:16
| Ответить | Цитировать | Написать  
Посоветуйте, как выводить табличные данные в jQuery
    #38706119
Alibek B
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alibek B
Участник
С подстановкой данных так и не вышло, переделал на row.add.
И возникла такая проблемка — DataTables вырезает значительную часть HTML из ячеек.
А мне нужно рисовать в ячейке индикатор уровня сигнала (закрашиваемая полоска).
Можно ли в DataTables сделать такой индикатор? Или нужно другой грид смотреть?
...
Рейтинг: 0 / 0
25.07.2014, 15:42
| Ответить | Цитировать | Написать  
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Посоветуйте, как выводить табличные данные в jQuery
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38706119&tid=1446871]:
 0ms
get settings:
 8ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 36ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 25ms
get tp. blocked users:
 1ms
others: 201ms
total:  301ms
созд. / загр.: 301ms
x
x
Закрыть


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