Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]połączenie 2 funkcji jquery
Forum PHP.pl > Forum > Przedszkole
Randallmaster
Generuje duża tabelę z bazy mysql.

znalazłem w internecie 2 skrypty:

Do wyszukiwania oraz stronicowania

http://jsfiddle.net/pT6dB/62/
http://jsfiddle.net/gabrieleromanato/Xugej/

W jaki sposób mogę połączyć oba skrypty aby się do siebie odnosiły? bo jeśli oba kody zrobię jeden za drugim to gdy wyszukuje, nie stronic uje mi.
skowron-line
[JAVASCRIPT] pobierz, plaintext
  1. $('LI STRONG').click(function(e) { // tu li strong musisz zamienić na selektor który wybierze Ci konkretną kolumne z tabeli
  2. e.preventDefault(); // disable text selection
  3.  
  4. $('EM', $(this).parent()).slideToggle();
  5.  
  6. return false; // disable text selection
  7. });
[JAVASCRIPT] pobierz, plaintext


i tu
[JAVASCRIPT] pobierz, plaintext
  1. $('#search').keyup(function(e) {
  2. var s = $(this).val().trim();
  3.  
  4. // show all results
  5. $('#result LI').show();
  6.  
  7. // split the search into words
  8. var keywords = s.split(' ');
  9.  
  10. // loop over the keywords and if it's not in a LI, hide it
  11. for(var i=0; i<keywords.length; i++) {
  12. $('#result LI:not(:contains('+keywords[i]+'))').hide();
  13. }
  14. });
[JAVASCRIPT] pobierz, plaintext
tu również musisz zmienić selektory z tym że nie będzie to proste, ponieważ ty musisz ukrywać cały wiersz tabeli więc jak już znajdziesz to czego szukasz to musisz wyskoczyć jeden element w górę z td do tr i go ukryć.

Poszukaj w necie bo są skrypty które mają te 2 opcje połączone i dodatkowo mają sorter.

I dodatkowo sprawdz czy Ci to nie będzie zamulać zbytnio, skoro jest to dość duża tabela
Randallmaster
Sortowanie po tabeli zrobiłem ale nie wiem jak je złączyć ;/

to samo wyszukiwanie gdy czegoś szukam to mi to wyszukuje ale wyszukiwanie nie uwzględnia paginacji, pokazuje mi początkową ilość stron.

Takie skrypty znalazłem ale są bardzo mocno rozbudowane.. ja potrzebuje dołączyć swój css do tego.

Mógłbyś mi jakiś polecić?


  1. $('#search').keyup(function(e) {
  2. var s = $(this).val().trim();
  3.  
  4. // show all results
  5. $('#kontrahent_search tr').show();
  6.  
  7. // split the search into words
  8. var keywords = s.split(' ');
  9.  
  10. // loop over the keywords and if it's not in a LI, hide it
  11. for(var i=0; i<keywords.length; i++) {
  12. $('#kontrahent_search TR:not(:contains('+keywords[i]+'))').hide();
  13.  
  14. }
  15. });
  16. $('#kontrahent_search').each(function() {
  17. var currentPage = 0;
  18. var numPerPage = 10;
  19. var $table = $(this);
  20. $table.bind('repaginate', function() {
  21. $table.find('tbody tr').hide().slice(currentPage * numPerPage, (currentPage + 1) * numPerPage).show();
  22. });
  23. $table.trigger('repaginate');
  24.  
  25. var numRows = $table.find('tbody tr').length;
  26. var numPages = Math.ceil(numRows / numPerPage);
  27. var $pager = $('<div class="pager"></div>');
  28. for (var page = 0; page < numPages; page++) {
  29. $('<span class="page-number"></span>').text(page + 1).bind('click', {
  30. newPage: page
  31. }, function(event) {
  32. currentPage = event.data['newPage'];
  33. $table.trigger('repaginate');
  34. $(this).addClass('active').siblings().removeClass('active');
  35. }).appendTo($pager).addClass('clickable');
  36. }
  37. $pager.insertAfter($('#hr')).find('span.page-number:first').addClass('active');
  38. });
Dominator
Przepraszam za mały offtopik, ale za co odpowiada ten kod?

  1. $('#kontrahent_search TR:not(:contains('+keywords[i]+'))').hide();
Randallmaster
za ukrycie elementów nie pasujących do wpisanego słowa kluczowego

Znalazłem nowy kod:
http://jsfiddle.net/oscarj24/Mm9xH/

ale niestety źle działa wyszukiwanie wie ktoś dlaczego?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.