Dodano numery seryjne dla Datatables (nowa implementacja 1.10)

Mały śmiecie · Opublikowano 14.11.2017 13:52:30

Wtyczka Datatables JQuery jest bardzo dobra do tworzenia tabel.

Myślałem, że łatwo jest dodać numer seryjny do tabeli, ale po przeczytaniu oficjalnej implementacji Datatables kod wydaje się nie być prosty, a test wykazał pewne problemy i nie był łatwy w obsłudze. Nie znalazłem dobrego rozwiązania w Internecie, więc prześledziłem kod i sam znalazłem sposób.

Implementacja numeru seryjnego (wygodna, nieoficjalna implementacja)
Ponieważ dane kolumnowe mogą być funkcją, to spójrz na dane w parametrach. Okazało się, że rzeczywiście znaleziono przydatne dane i zaczęliśmy działać.

Kod jest następujący:

Logowanie jest widoczne.

Chodzi o to, że następuje zdanie
meta.settings._iDisplayStart + meta.row + 1;
Po analizie wiadomo, że:
meta.settings._iDisplayStart Indeks początkowy każdego wyświetlanego rekordu;
meta.row+1 to indeks wierszy bieżącej strony, plus 1 to numer linii;
Suma tych dwóch to numer seryjny linii bieżącego okresu.

Ta metoda nie jest oficjalnie dostępna ani zalecana, ale uważam, że jest bardziej intuicyjna i tańsza w obsłudze wyświetlanych danych w danych.

QWERTYU · Opublikowano 14.11.2017 14:44:37

Mały śmiecie · Opublikowano 08.03.2018 14:25:32

nazwa	typ	opis
Losowanie	integerJS	Liczba żądań jest kontrowana i zwracana jest bez zmian za każdym razem, gdy jest wysyłana na serwer.
start	integerJS	Pozycja początkowa pierwszego fragmentu danych, na przykład 0, reprezentuje pierwszy element danych
Długość	integerJS	Liczba przedmiotów wyświetlanych na stronie.
search[value]	stringJS	Globalne kryteria wyszukiwania dla każdej kolumny (wyszukiwalność musi być ustawiona na true)
search[regex]	booleanJS	Jeśli prawdziwe, oznacza to, że wartość globalnego wyszukiwania jest przetwarzana jako wyrażenie regularne, jeśli fałszywe, to nie jest.
Kolejność[felieton]	integerJS	i jest indeksem tablicy odpowiadającym kolumnom, zaczynającym od 0, a podparametr wskazuje, którą kolumnę należy posortować
Kolejność[reżyseria]	stringJS	Kolumna jest określona powyżej, a metoda sortowania tej kolumny to asc malejąca
Kolumny[dane]	stringJS	wiązanie columnsbinding, zdefiniowane przez columns.data
Kolumny[imię]	stringJS	columns.name
Kolumny[przeszukiwalne]	booleanJS	Czy kolumna oznaczona może być przeszukiwana do prawdy, oznacza, że tak, w przeciwnym razie nie można, co jest kontrolowane przez columns.searchable
Kolumny[do zamówienia]	booleanJS	Czy oznaczone kolumny można posortować do true, oznacza tak, w przeciwnym razie nie, jest to kontrolowane przez columns.orderabl
Kolumny[wyszukiwanie] [value]	stringJS	Kryteria wyszukiwania dla konkretnych kolumn
Kolumny[wyszukiwanie] [regex]	booleanJS	Czy kryteria wyszukiwania dla konkretnej kolumny są traktowane jako wyrażenia regularne

[Szarpanie] Dodano numery seryjne dla Datatables (nowa implementacja 1.10)

Powiązane wpisy

Oglądane sekcje