Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]połączenie 2 funkcji jquery
Randallmaster
post
Post #1





Grupa: Zarejestrowani
Postów: 677
Pomógł: 11
Dołączył: 18.11.2009

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


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.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Randallmaster
post
Post #2





Grupa: Zarejestrowani
Postów: 677
Pomógł: 11
Dołączył: 18.11.2009

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


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. });
Go to the top of the page
+Quote Post

Posty w temacie


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: 23.08.2025 - 03:41