Сортиране на данни в JavaScript
Сортиране на данни в таблицата са доста често срещана задача, която трябва да се реши на програмиста. И онлайн формуляра за кандидатстване не е изключение. Това често се случва, така че трябва да даде на потребителите на "клиент" е доста впечатляващ обем данни. И големи количества включват разходите за лечение, така че ако искате да се облекчи потребителите си да работят, трябва да се предприемат действия.
Има различни начини, които биха улеснили на "клиент" потребителите да работят с големи обеми от данни, включително възможното номерирането употреба. Тук можете да прочетете за това как да се направи правилно страниране
- Да не се използва външни библиотеки
- Работи във всички основни браузъри
- Малък по размер
- Лесен за свързване и конфигуриране
- Линиите и символи подредени по азбучен ред, с цифри стойност
- Той има случай и държавата
- Това се отнася само със собствената си бизнес
демо данни Сортиране по:
За по-голяма яснота, какво би в състояние да разберат дали имате нужда от обща дискусия в тази статия сортиране скрипт, аз го направих малко демо. Имайте предвид, заглавията на колоните в таблицата има икони, които показват възможността за подобно.
Свързване сортиране скрипт:
Е, как да се свържете сортиране скрипт? Първо трябва таблица с данни за по-маркиране (таблични данни, взети произволно, но с чувство, че ще покажем, че можем да сортирате не само цифри, но и линии и символи):
Има някои изисквания за маркиране на самата таблица:
Не rowspan, ColSpan и т.н. Всички редове трябва да имат един и същ брой колони, както и всички колони трябва да имат еднакъв брой редове. Маси предполагат сортиране на данни е логично и не би трябвало да предизвика дискомфорт.
Необходимо е също така да има врекламния етикет с един ред глава (вж. Изброените по-горе). За съдържанието на хедъра, скриптът ще добавите икони сортировач. Заглавията не участват в сортирането.
Тези ограничения са логични и са съвместими със стандартите (точно обратното), така че те не трябва да бъдат пречка за вас.
Функцията, която сортира Обадих sortTable отнема 3 задължителни и 2 избираеми параметри:
Ситуация, при която данните се сортират по определен начин, в определена графа, а когато потребителят кликне всички едни и същи за същия вид - решава, както следва: нищо не се случва. Сортиране събитие не се нарича. Това се прави, за да пести ресурси: ако се осъществи сортиране - не е необходимо да го направи отново.
Така че нека да се подготвят позициите, за сортиране на иконите. За да направите това, ние просто трябва да създадете няколко елемента SPAN (те дори не е необходимо да се постави в DOM дървото):
След това, ако сте горд поддръжник на стандартите могат да бъдат поставени икони ▲ и ▼ на SPAN-те, както следва:
А за тези, които биха искали да chhat всички страхове. Какво не е наред с innerHTML може да направи просто:
И всъщност се обадите на сортиране:
Това е най-простия случай. Ако искаме вместо икони и ▲ ▼, за да сложи снимки също AK възлагат манипулатори да подреди събитията, четете нататък.
Разширени възможности за свързване скрипт сортиране:
За Разширено Connection сортиране скрипт използва един и същ маркиране на масата, което е показано в първия пример, за да сортирате иконите използвате и SPAN-те:
Но вместо да се постави вътре ▲ ▼ и ние ще ги назначи за такива видове стилове:
Но с тези правила:
Основната задача на сортиране CSS шоу картина като фон е, добре, и да зададете размера на иконите. Следваща peredaom тяхната функция:
Можете също така да се види, че на 4-ти и 5-ти параметрите Минах в връзките функция за функцията за обратно извикване - манипулатори да подреди събитията.
Виж какво се е случило:
Изходния код на вида на сценария:
Надявам се, че ще намерите полезна информация за сортиране ми скрипт и потребителите ви ще го оценят в истинския си струва - успешни разработки приятел