Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сортировка таблицы / 15 сообщений из 15, страница 1 из 1
29.09.2017, 10:08
    #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:51
    #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
| Ответить | Цитировать | Написать  
01.10.2017, 12:06
    #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, 19:43
    #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
| Ответить | Цитировать | Написать  
02.10.2017, 05:19
    #39529121
Lastig
Lastig
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сортировка таблицы
https://jsfiddle.net/Lastig/68kffuby/
только у меня не запустилась сортировка, локально работает
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.10.2017, 05:36
    #39529123
Lastig
Lastig
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сортировка таблицы
Lastig https://jsfiddle.net/Lastig/68kffuby/
только у меня не запустилась сортировка, локально работает
запустилось.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.10.2017, 01:53
    #39536642
Lastig
Lastig
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сортировка таблицы
мысли есть как реализовать сортировку?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.10.2017, 03:04
    #39536649
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сортировка таблицы
Lastigмысли есть как реализовать сортировку?

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

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

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

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

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

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

https://jsfiddle.net/orkh0kp0/3/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.10.2017, 16:06
    #39536967
Lastig
Lastig
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сортировка таблицы
DeanWinchester,
спасибо за помощь
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сортировка таблицы / 15 сообщений из 15, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 1030ms
Закрыть
start [/forum/moderation_log.php?user_name=%D0%AF%D0%B8%D0%AF]:
 0ms
get settings:
 10ms
get forum list:
 13ms
get settings:
 8ms
get forum list:
 13ms
get settings:
 9ms
get forum list:
 11ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 28ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 49ms
get tp. blocked users:
 2ms
others: 870ms
total:  1030ms
x
x
Закрыть


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