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

.. с другой стороны, можно посмотреть на knockout.js + knockout.mapping.js - в простеньком варианте вполне подойдет для простых таблиц ... в непростеньком - появляются инструменты и для фильтров, и для пейджинга, и для раскраски ...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.07.2014, 16:37
    #38705197
Alibek B
Alibek B
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Посоветуйте, как выводить табличные данные в jQuery
А есть грид, который позволит использовать для источника данных callback-функцию?
У меня данные с сервера приходят в виде ассоциированного массива, а DataTables работает с обычным массивом.
Переделать на сервере нежелательно, т.к. эти данные используются не только в гриде, но и еще в нескольких местах, где удобнее иметь именно хеш, а не массив.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.07.2014, 17:37
    #38705279
Alibek B
Alibek B
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Посоветуйте, как выводить табличные данные в jQuery
Вроде бы 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, 19:19
    #38705367
The_ShadoW
The_ShadoW
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Посоветуйте, как выводить табличные данные в jQuery
Что это за аццкий map? Мапится что и в куда? Зачем всю data куда-то мапить, если список не в ней, а в list?
Я бы еще понял как-то так:
Код: javascript
1.
$.map(data.list, function(v) { return v; } )



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


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