Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][jQuery Datatables] Ukrycie wierszy o wybranej klasie
uki8877
post
Post #1





Grupa: Zarejestrowani
Postów: 55
Pomógł: 0
Dołączył: 27.03.2016

Ostrzeżenie: (0%)
-----


Witam,

Mam problem z ukryciem wierszy o klasie hidden w tabeli wykorzystujacej jquery DataTables
Szukalem i w google w dokumentacji jednak nigdzie nie znalazlem rozwiazania, a moze ktos z was mial podobny problem.

taki kod znaleziony tu https://datatables.net/reference/api/row().child.hide() :
  1. var table = $('#table1').DataTable();
  2. table.row( '.hidden' ).hide();


wyrzuca mi w konsoli:
table.row(...).hide is not a function

Jest na to jakies inne rozwiazanie?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 9)
LowiczakPL
post
Post #2





Grupa: Zarejestrowani
Postów: 531
Pomógł: 55
Dołączył: 3.01.2016
Skąd: Łowicz

Ostrzeżenie: (0%)
-----


A nie powinno to być tak

Kod
     var table = $('#table1').DataTable();
    table.rows( '.hidden' ).hide();
Go to the top of the page
+Quote Post
uki8877
post
Post #3





Grupa: Zarejestrowani
Postów: 55
Pomógł: 0
Dołączył: 27.03.2016

Ostrzeżenie: (0%)
-----


Próbowałem tego wcześniej, niestety też wyrzuca błąd '.. Is not a function'
Go to the top of the page
+Quote Post
c3409394
post
Post #4





Grupa: Zarejestrowani
Postów: 13
Pomógł: 4
Dołączył: 3.06.2016

Ostrzeżenie: (0%)
-----


pokaz co zwraca console.log(table.rows('.hidden'))
Go to the top of the page
+Quote Post
uki8877
post
Post #5





Grupa: Zarejestrowani
Postów: 55
Pomógł: 0
Dołączył: 27.03.2016

Ostrzeżenie: (0%)
-----


OKI, w załaczeniu screen

http://iv.pl/images/98409910954351808868.png
Go to the top of the page
+Quote Post
c3409394
post
Post #6





Grupa: Zarejestrowani
Postów: 13
Pomógł: 4
Dołączył: 3.06.2016

Ostrzeżenie: (0%)
-----


  1. $(table.rows('.hidden').nodes()).hide();
Go to the top of the page
+Quote Post
uki8877
post
Post #7





Grupa: Zarejestrowani
Postów: 55
Pomógł: 0
Dołączył: 27.03.2016

Ostrzeżenie: (0%)
-----


dzieki za odpowiedz ,Twoj kod działa, jednak działa on tak samo jak $('.hidden').hide();

Pola sie ukrywaja,jednak dalej tabela pokazuje Showing 1 to 20 of 20 entries, chociaz po ukryciu jest ich np 8. Mozna jakos to poprawic ?
Go to the top of the page
+Quote Post
c3409394
post
Post #8





Grupa: Zarejestrowani
Postów: 13
Pomógł: 4
Dołączył: 3.06.2016

Ostrzeżenie: (0%)
-----


tylko, ze $('.hidden').hide() ukryje elementy w obszarze calego DOM'u

faktycznie ta DataTable ma tam licznik rekordow i wypadałoby odswiezyc.
dlaczego w takim razie chcesz je ukrywac skoro chcesz je usunac? biblioteka DataTable ma funkcjonalnosc od usuwania i odswiezania.
jesli faktycznie potrzebujesz je ukryc(bo np. wiersze maja jakies pola, ktore chcesz zmienic i wysłac. to trzeba jakos oznaczyc te wiersze i powiedziec DataTablowi zeby tych nie bral pod uwage)

mozesz tez ajaxowo - dac request o usunieciu i wywolac akcje pobrania wynikow na nowo
Go to the top of the page
+Quote Post
uki8877
post
Post #9





Grupa: Zarejestrowani
Postów: 55
Pomógł: 0
Dołączył: 27.03.2016

Ostrzeżenie: (0%)
-----


poprosty chcialbym aby po kliknieciu w jakis button rekordy o klasie hidden zostaly ukryte, gdy klikniemy drugi raz to fajnie jakby sie pokazaly itd

Nie chce ich usuwac , chce je ukryc aby w kazdym momencie byla opcja ich przywrocenia, rozwiazanie ajaxowe niestety odpada
Go to the top of the page
+Quote Post
trueblue
post
Post #10





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Nie ma metody hide, dla row, ani dla rows.
Jest dla child row, czyli dla dodatkowego info (dzieci wiersza) pod danym wierszem.
Tu jest przykład: https://datatables.net/examples/api/row_details.html

A wracając:
http://stackoverflow.com/a/30113425/5889778
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 2.10.2025 - 18:30