ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сортировка таблицы
15 сообщений из 15, страница 1 из 1
Сортировка таблицы
    #39528125
Lastig
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lastig
Гость
Приветствую всех.
Имеется таблица, данные тянутся из json
 
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
<html>
<head>
<meta charset="utf-8"> 
<link rel="stylesheet" href="styles.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="tsort.js"></script>
</head>
<body>
<script>
$.getJSON('statistics.json',function(data) {
document.write ('<!DOCTYPE html> <head><meta charset="utf-8"> <link rel="stylesheet" href="styles.css"> </head>');
document.write ('<table class="tsort"><tr><th>Наименование МФЦ</th><th align="center">Количество обслуженных заявителей сегодня</th><th align="center">Количество заявителей в очереди</th><tbody>');
{data.forEach(function(item, i, data) 
{
var id = data[i].Id
switch (true) 
{
case id == "28d06442-6b05-6fbe-a841-357bd0b0d401": var NAME = "МФЦ Черниговского МР"; break;
case id == "d37b3b8b-d6a9-d5db-ce0d-a22fdd2bb6eb": var NAME = "МФЦ Пожарского МР"; break;
case id == "9a50c5bf-1c87-63af-a498-1467057eb927": var NAME = "МФЦ ВГО Отделение №2(Верхнепортовая)"; break;
case id == "db164b96-0698-e105-1de7-bb5311c75c8c": var NAME = "МФЦ Находкинского ГО (Сенявина)"; break;
case id == "b8037c57-dab1-7654-45a9-9bc573a683ff": var NAME = "МФЦ Кировского МР"; break;
case id == "f0b1c8f1-0e22-0190-2edd-eac46d2cce63": var NAME = "МФЦ Хасанского МР"; break;
case id == "5ca6595c-a840-7968-8bd1-410c0b0e6050": var NAME = "МФЦ Пограничного МР"; break;
case id == "f9861465-6938-0ae2-b9e8-1633c07d0125": var NAME = "МФЦ Дальнегорск ГО"; break;
case id == "8696bcaa-8ba7-175b-4217-41174b8c8be6": var NAME = "МФЦ Яковлевский МР "; break;
case id == "e6a52341-acc4-78ca-524b-aab11ddf6bd8": var NAME = "МФЦ Чугуевского МР"; break;
case id == "11ff6866-aaf4-d26a-e456-90ee4800a28b": var NAME = "МФЦ Спасский ГО"; break;
case id == "0f0a3e62-15e3-0b93-eed4-2ab9c30448d6": var NAME = "МФЦ Октябрьский МР "; break;
case id == "95084acb-95ec-1da5-6cd5-b183c4bee64a": var NAME = "МФЦ Тернейского МР"; break;
case id == "74b230c6-1d78-39cd-920b-72828a675917": var NAME = "МФЦ ВГО Отделение №5(Партизанский пр-к)"; break;
case id == "1b471b1e-bc6e-5f9c-e3d9-779e38b19b6c": var NAME = "МФЦ Ханкайского МР"; break;
case id == "8c9e4cb4-abfd-74d8-2118-3e8c33b13eb7": var NAME = "МФЦ Находкинского (Школьная)"; break;
case id == "4a1abd33-eb45-09d1-7a91-3d39119f5d17": var NAME = "МФЦ Хорольского МР"; break;
case id == "4297668b-f783-2087-8445-b0a8bf7d4207": var NAME = "МФЦ Уссурийского ГО (Некрасова)"; break;
case id == "4b8d5a66-5531-fb02-9d9a-63c0728435e8": var NAME = "МФЦ Артемовского ГО "; break;
case id == "d120c40e-8f02-3b88-469b-e1a4834ec985": var NAME = "МФЦ ВГО Отделение №1(Давыдова)"; break;
case id == "674f2139-aa09-4e0a-6309-586716967894": var NAME = "КГАУ МФЦ ПК"; break;
case id == "06c3b57b-79aa-4657-1648-05183bf9859a": var NAME = "МФЦ ВГО Отделение №4(Невельского)"; break;
case id == "9b8f4173-9b63-70d8-e469-b4992d5b4dbd": var NAME = "МФЦ Большой Камень ГО"; break;
case id == "3f5ce4b1-f5a9-fdfa-7e80-5d0bee9bab24": var NAME = "МФЦ Арсеньвского ГО"; break;
case id == "e92c7891-3715-0be1-8f09-da2a3278652d": var NAME = "МФЦ ВГО Отделение №3(пр-п 100-летия Владивостока)";break;
case id == "787f8cbc-8da8-703e-c141-911d097e9455": var NAME = "МФЦ Анучино МР"; break;
case id == "f60f5668-cfc3-daf3-ed0f-6a4d469d271b": var NAME = "МФЦ Лесозаводский ГО"; break;
case id == "09b4920c-8df2-7d58-e997-e0c7ce0445ef": var NAME = "МФЦ Кавалеровский МР"; break;
case id == "de3152c6-8e81-af4d-a4b2-c9cd95e6e413": var NAME = "МФЦ Красноармейского МР"; break;
case id == "30fba2db-c91d-da2a-a214-e8c36ae6f5fd": var NAME = "МФЦ Надеждинский МР"; break;
case id == "6a8a6af9-7108-8de4-4fa3-ce78f478bc36": var NAME = "МФЦ Уссурийского ГО(Тургенева)"; break;
case id == "2527288e-c7b2-bc35-3b4d-327db08a26c4": var NAME = "МФЦ Партизанского ГО"; break;
case id == "4336edf3-bdf9-6750-dd00-3654ee8d4a5a": var NAME = "МФЦ Михайловского МР "; break;
case id == "31187cdd-4d85-795c-0f79-a4a3a036adee": var NAME = "МФЦ Ольгинского МР"; break;
case id == "2479396e-22fe-09e2-bb35-012c0000793f": var NAME = "МФЦ Лазовский МР"; break;
case id == "a09fd6d4-7f74-2065-6ef9-3330f2df19f1": var NAME = "МФЦ Дальнереченск ГО"; break;
case id == "f3b69f1c-14f1-cc44-89a2-7da87872b5db": var NAME = "МФЦ Фокинского ГО"; break;
case id == "fbae0d2e-63f2-c8e2-f6f7-2d6479da4cbf": var NAME = "МФЦ Партизанский МР"; break; 

}
 document.write ( '<tr>');
 document.write ( '<td>'+ NAME + '</td><td><center>' + data[i].CompletedTicketsCount +'</center> </td><td><center> ' + data[i].PendingTicketsCount +'</center></td>');
 document.write ( '</tr>');
 document.write ( '</tbody>');
}

);

}
document.write ("</table>");
});



</script>
</body>
</html>



Пытаюсь настроить в таблице сортировку методом
 
Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
(function($){
	$.fn.tsort=function(){
		var
			v=function(e,i){return $(e).children('td').eq(i).text()},
			c=function(i){return function(a,b){var k=v(a,i),m=v(b,i);return $.isNumeric(k)&&$.isNumeric(m)?k-m:k.localeCompare(m)}};
		this.each(function(){
			var
				th=$(this).children('thead').first().find('tr > th'),
				tb=$(this).children('tbody').first();

			th.click(function(){
				var r=tb.children('tr').toArray().sort(c($(this).index()));
				th.removeClass('sel'),$(this).addClass('sel').toggleClass('asc');
				if($(this).hasClass('asc'))r=r.reverse();
				for(var i=0;i<r.length;i++)tb.append(r[i])
			})
		})
	}
})(jQuery);

$( document ).ready(function() {
	$('.tsort').tsort();
});



Но почему то сортировка не отрабатывает.
Подскажите в чем ошибка.
...
Рейтинг: 0 / 0
29.09.2017, 10:08
| Ответить | Цитировать | Написать  
Сортировка таблицы
    #39528147
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Lastig
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
var id = data[i].Id
switch (true) 
{
case id == "28d06442-6b05-6fbe-a841-357bd0b0d401": var NAME = "МФЦ Черниговского МР"; break;
case id == "d37b3b8b-d6a9-d5db-ce0d-a22fdd2bb6eb": var NAME = "МФЦ Пожарского МР"; break;
case id == "9a50c5bf-1c87-63af-a498-1467057eb927": var NAME = "МФЦ ВГО Отделение №2(Верхнепортовая)"; break;
case id == "db164b96-0698-e105-1de7-bb5311c75c8c": var NAME = "МФЦ Находкинского ГО (Сенявина)"; break;
case id == "b8037c57-dab1-7654-45a9-9bc573a683ff": var NAME = "МФЦ Кировского МР"; break;
case id == "f0b1c8f1-0e22-0190-2edd-eac46d2cce63": var NAME = "МФЦ Хасанского МР"; break;
case id == "5ca6595c-a840-7968-8bd1-410c0b0e6050": var NAME = "МФЦ Пограничного МР"; break;
case id == "f9861465-6938-0ae2-b9e8-1633c07d0125": var NAME = "МФЦ Дальнегорск ГО"; break;
case id == "8696bcaa-8ba7-175b-4217-41174b8c8be6": var NAME = "МФЦ Яковлевский МР "; break;
case id == "e6a52341-acc4-78ca-524b-aab11ddf6bd8": var NAME = "МФЦ Чугуевского МР"; break;
case id == "11ff6866-aaf4-d26a-e456-90ee4800a28b": var NAME = "МФЦ Спасский ГО"; break;
case id == "0f0a3e62-15e3-0b93-eed4-2ab9c30448d6": var NAME = "МФЦ Октябрьский МР "; break;
case id == "95084acb-95ec-1da5-6cd5-b183c4bee64a": var NAME = "МФЦ Тернейского МР"; break;
case id == "74b230c6-1d78-39cd-920b-72828a675917": var NAME = "МФЦ ВГО Отделение №5(Партизанский пр-к)"; break;
case id == "1b471b1e-bc6e-5f9c-e3d9-779e38b19b6c": var NAME = "МФЦ Ханкайского МР"; break;
case id == "8c9e4cb4-abfd-74d8-2118-3e8c33b13eb7": var NAME = "МФЦ Находкинского (Школьная)"; break;
case id == "4a1abd33-eb45-09d1-7a91-3d39119f5d17": var NAME = "МФЦ Хорольского МР"; break;
case id == "4297668b-f783-2087-8445-b0a8bf7d4207": var NAME = "МФЦ Уссурийского ГО (Некрасова)"; break;
case id == "4b8d5a66-5531-fb02-9d9a-63c0728435e8": var NAME = "МФЦ Артемовского ГО "; break;
case id == "d120c40e-8f02-3b88-469b-e1a4834ec985": var NAME = "МФЦ ВГО Отделение №1(Давыдова)"; break;
case id == "674f2139-aa09-4e0a-6309-586716967894": var NAME = "КГАУ МФЦ ПК"; break;
case id == "06c3b57b-79aa-4657-1648-05183bf9859a": var NAME = "МФЦ ВГО Отделение №4(Невельского)"; break;
case id == "9b8f4173-9b63-70d8-e469-b4992d5b4dbd": var NAME = "МФЦ Большой Камень ГО"; break;
case id == "3f5ce4b1-f5a9-fdfa-7e80-5d0bee9bab24": var NAME = "МФЦ Арсеньвского ГО"; break;
case id == "e92c7891-3715-0be1-8f09-da2a3278652d": var NAME = "МФЦ ВГО Отделение №3(пр-п 100-летия Владивостока)";break;
case id == "787f8cbc-8da8-703e-c141-911d097e9455": var NAME = "МФЦ Анучино МР"; break;
case id == "f60f5668-cfc3-daf3-ed0f-6a4d469d271b": var NAME = "МФЦ Лесозаводский ГО"; break;
case id == "09b4920c-8df2-7d58-e997-e0c7ce0445ef": var NAME = "МФЦ Кавалеровский МР"; break;
case id == "de3152c6-8e81-af4d-a4b2-c9cd95e6e413": var NAME = "МФЦ Красноармейского МР"; break;
case id == "30fba2db-c91d-da2a-a214-e8c36ae6f5fd": var NAME = "МФЦ Надеждинский МР"; break;
case id == "6a8a6af9-7108-8de4-4fa3-ce78f478bc36": var NAME = "МФЦ Уссурийского ГО(Тургенева)"; break;
case id == "2527288e-c7b2-bc35-3b4d-327db08a26c4": var NAME = "МФЦ Партизанского ГО"; break;
case id == "4336edf3-bdf9-6750-dd00-3654ee8d4a5a": var NAME = "МФЦ Михайловского МР "; break;
case id == "31187cdd-4d85-795c-0f79-a4a3a036adee": var NAME = "МФЦ Ольгинского МР"; break;
case id == "2479396e-22fe-09e2-bb35-012c0000793f": var NAME = "МФЦ Лазовский МР"; break;
case id == "a09fd6d4-7f74-2065-6ef9-3330f2df19f1": var NAME = "МФЦ Дальнереченск ГО"; break;
case id == "f3b69f1c-14f1-cc44-89a2-7da87872b5db": var NAME = "МФЦ Фокинского ГО"; break;
case id == "fbae0d2e-63f2-c8e2-f6f7-2d6479da4cbf": var NAME = "МФЦ Партизанский МР"; break; 

}


Капец ты намутил...

Код: javascript
1.
2.
3.
4.
5.
6.
7.
var obj={
	"28d06442-6b05-6fbe-a841-357bd0b0d401": "МФЦ Черниговского МР",
	"d37b3b8b-d6a9-d5db-ce0d-a22fdd2bb6eb": "МФЦ Пожарского МР",
	"9a50c5bf-1c87-63af-a498-1467057eb927": "МФЦ ВГО Отделение №2(Верхнепортовая)"
};
var id = data[i].Id;
var NAME =obj[id];
...
Рейтинг: 0 / 0
29.09.2017, 10:51
| Ответить | Цитировать | Написать  
Сортировка таблицы
    #39528971
Lastig
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lastig
Гость
[/src][/quot]
Капец ты намутил...

Код: javascript
1.
2.
3.
4.
5.
6.
7.
var obj={
	"28d06442-6b05-6fbe-a841-357bd0b0d401": "МФЦ Черниговского МР",
	"d37b3b8b-d6a9-d5db-ce0d-a22fdd2bb6eb": "МФЦ Пожарского МР",
	"9a50c5bf-1c87-63af-a498-1467057eb927": "МФЦ ВГО Отделение №2(Верхнепортовая)"
};
var id = data[i].Id;
var NAME =obj[id];

[/quot]


Спасибо за совет оптимизации, но как настроить сортировку?
...
Рейтинг: 0 / 0
01.10.2017, 12:06
| Ответить | Цитировать | Написать  
Сортировка таблицы
    #39529049
DeanWinchester
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
DeanWinchester
Участник
Lastig[/src]
Капец ты намутил...

Код: javascript
1.
2.
3.
4.
5.
6.
7.
var obj={
	"28d06442-6b05-6fbe-a841-357bd0b0d401": "МФЦ Черниговского МР",
	"d37b3b8b-d6a9-d5db-ce0d-a22fdd2bb6eb": "МФЦ Пожарского МР",
	"9a50c5bf-1c87-63af-a498-1467057eb927": "МФЦ ВГО Отделение №2(Верхнепортовая)"
};
var id = data[i].Id;
var NAME =obj[id];

[/quot]


Спасибо за совет оптимизации, но как настроить сортировку?[/quot]

Выложи пример на https://jsfiddle.net/
потом скинь сюда ссыль
...
Рейтинг: 0 / 0
01.10.2017, 19:43
| Ответить | Цитировать | Написать  
Сортировка таблицы
    #39529121
Lastig
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lastig
Гость
https://jsfiddle.net/Lastig/68kffuby/
только у меня не запустилась сортировка, локально работает
...
Рейтинг: 0 / 0
02.10.2017, 05:19
| Ответить | Цитировать | Написать  
Сортировка таблицы
    #39529123
Lastig
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lastig
Гость
Lastig https://jsfiddle.net/Lastig/68kffuby/
только у меня не запустилась сортировка, локально работает
запустилось.
...
Рейтинг: 0 / 0
02.10.2017, 05:36
| Ответить | Цитировать | Написать  
Сортировка таблицы
    #39536642
Lastig
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lastig
Гость
мысли есть как реализовать сортировку?
...
Рейтинг: 0 / 0
16.10.2017, 01:53
| Ответить | Цитировать | Написать  
Сортировка таблицы
    #39536649
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
Lastigмысли есть как реализовать сортировку?

https://www.w3schools.com/howto/howto_js_sort_table.asp

Плюс тысячи всяких плагинов и библиотек, реализующих сортировку. Нагугливается на раз.
...
Рейтинг: 0 / 0
16.10.2017, 03:04
| Ответить | Цитировать | Написать  
Сортировка таблицы
    #39536664
tip78
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
tip78
Участник
есть готовые таблицы в jquery, например
...
Рейтинг: 0 / 0
16.10.2017, 06:50
| Ответить | Цитировать | Написать  
Сортировка таблицы
    #39536858
Lastig
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lastig
Гость
hVosttLastigмысли есть как реализовать сортировку?

https://www.w3schools.com/howto/howto_js_sort_table.asp

Плюс тысячи всяких плагинов и библиотек, реализующих сортировку. Нагугливается на раз.

то что нагугливается я согласен.
тактие таблицы я реализовывал, тут трудности в том, что данные тянутся через запрос, а отрисовка идет document.write
...
Рейтинг: 0 / 0
16.10.2017, 13:48
| Ответить | Цитировать | Написать  
Сортировка таблицы
    #39536873
Lastig
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lastig
Гость
сорри, был неправ. нашел решение.
Спасибо за помощь
...
Рейтинг: 0 / 0
16.10.2017, 14:04
| Ответить | Цитировать | Написать  
Сортировка таблицы
    #39536906
Lastig
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lastig
Гость
возникла другая проблема. Если сортировать по тексту, то все корректно, если по цифрам, то нет
https://jsfiddle.net/Lastig/orkh0kp0/
...
Рейтинг: 0 / 0
16.10.2017, 14:45
| Ответить | Цитировать | Написать  
Сортировка таблицы
    #39536933
DeanWinchester
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
DeanWinchester
Участник
Lastigвозникла другая проблема. Если сортировать по тексту, то все корректно, если по цифрам, то нет
https://jsfiddle.net/Lastig/orkh0kp0/

1) Там вставка в td есть тег - center, его быть не должно
2) Сравнивать числа надо как числа, тобишь использовать parseFloat например
...
Рейтинг: 0 / 0
16.10.2017, 15:26
| Ответить | Цитировать | Написать  
Сортировка таблицы
    #39536949
DeanWinchester
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
DeanWinchester
Участник
как то так

https://jsfiddle.net/orkh0kp0/3/
...
Рейтинг: 0 / 0
16.10.2017, 15:39
| Ответить | Цитировать | Написать  
Сортировка таблицы
    #39536967
Lastig
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Lastig
Гость
DeanWinchester,
спасибо за помощь
...
Рейтинг: 0 / 0
16.10.2017, 16:06
| Ответить | Цитировать | Написать  
15 сообщений из 15, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сортировка таблицы
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=33&tid=1444429]:
 0ms
get settings:
 9ms
get forum list:
 14ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 74ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 57ms
get tp. blocked users:
 2ms
others: 33ms
total:  210ms
созд. / загр.: 210ms
x
x
Закрыть


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