Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jquery] problem z table filter
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
prohol
witam

Korzystam z pluginu do jquery http://www.picnet.com.au/picnet_table_filter.html i nie dziala mi dobrze opcja dodatkowego pola wyszukiwania, mianowicie w tabeli wyszukuje tylko po pierwszej kolumnie a nie po wszystkich. Ogolnie to nie chce dodatkowych pol wyszukiwania w tabeli tylko aby dzialalo wyszukiwanie calej tabeli poprzez jedno pole. Chyba ze zna ktos jakis inny plugin itp aby to wykonac bez uzywania picnet filter table
nospor
U nich na stronie działa. Skoro u Ciebie nie działa to pewnie coś źle zrobiłeś. Ino jest mały problem - na forum wróżek nie ma smile.gif - pokaż swoj kod
prohol
ok:) myslalem ze ktos mial tez taki problem i zna szybkie rozwiazanie. Zatem przedstawiam kod (pisze na Zendzie)

sekcja head:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.  
  6. <script src="<?php echo $this->baseUrl;?>/public/scripts/jquery.js" type="text/javascript"></script>
  7. <script type="text/javascript" src="<?php echo $this->baseUrl;?>/public/scripts/jquery.tablesorter.min.js"></script>
  8. <script type="text/javascript" src="<?php echo $this->baseUrl;?>/public/scripts/jquery.quicksearch.js"></script>
  9. <script type="text/javascript" src="<?php echo $this->baseUrl;?>/public/scripts/jquery.compare.js"></script>
  10. <script type="text/javascript" src="<?php echo $this->baseUrl;?>/public/scripts/picnet.table.filter.min.js"></script>
  11. <script type="text/javascript" src="<?php echo $this->baseUrl;?>/public/scripts/jquery.tools.min.js"></script>
  12. <script type="text/javascript" src="<?php echo $this->baseUrl;?>/public/scripts/datepicker.js"></script>
  13. <link href="<?php echo $this->baseUrl;?>/public/styles/<?php echo $p; ?>.css" rel="stylesheet" type="text/css" />
  14. <link href="<?php echo $this->baseUrl;?>/public/styles/datepicker.css" rel="stylesheet" type="text/css" />
  15. </head>


body strony: (wszedzie jest filter false gdyz nie chce aby wysietlaly mi sie pola wyszukiwania w tabeli)
  1. Wyszukaj:
  2. <input type="text" id="quickfind" onsubmit="return false;" value="Szukaj" onclick="this.value=''" style="float: right; margin-right:10px;margin-top:3px" />
  3. <input type="submit" id="cleanfilters" value="Reset" onsubmit="return false;"/>
  4. <table id="roz" border="0" cellpadding="0" cellspacing="0" class="contenttable">
  5. <tr>
  6. <th><se>Imie i Nazwisko</se></th>
  7. <th><se>Firma</se></th>
  8. <th><se>Nr. Rejestracyjny</se></th>
  9. <th filter="false"><se>Nr. VIN</se></th>
  10. <th filter="false" id='dataprze'><se>Termin przeglądu</se></th>
  11. <th filter="false" id='dataoc'><se>Termin końca OC</se></th>
  12. <th filter="false" id='datagas'><se>Termin ważności gaśnicy</se></th>
  13. <th filter="false"><se>Telefon</se></th>
  14. <th filter="false" id='dataprej'><se>Data pierwszej rejestracji</se></th>
  15. <th filter="false">Opcje</th>
  16. </tr>
  17. </thead>
  18. <tbody>
  19. <?php $i=0; foreach($this->zd as $z) : $i++;?>
  20. <?php if ($i%2==0): ?>
  21. <tr class="even">
  22. <?php else: ?>
  23. <tr>
  24. <?php endif;?>
  25. <td><?php echo $this->escape($z['imie']);?> <?php echo $this->escape($z['nazwisko']);?></td>
  26. <td><?php echo $this->escape($z['firma']);?></td>
  27. <td><?php echo $this->escape($z['rejestracyjny']);?></td>
  28. <td><?php echo $this->escape($z['vin']);?></td>
  29. <td><?php echo $this->escape($z['przeglad']);?></td>
  30. <td><?php echo $this->escape($z['oc']);?></td>
  31. <td><?php echo $this->escape($z['gasnica']);?></td>
  32. <td><?php echo $this->escape($z['telefon']);?></td>
  33. <td><?php echo $this->escape($z['pierwszarej']);?></td>
  34. <td><a href="<?php echo $this->baseUrl;?>/reseller/zdarzenia/showID/<?php echo $this->escape($z['id']);?>">Edytuj</a>
  35. <?php if (!$this->escape($z['diff'])): ?>
  36. / <a href="<?php echo $this->baseUrl;?>/reseller/zdarzenia/del/<?php echo $this->escape($z['id']);?>">Usuń</a>
  37. <?php endif; ?>
  38.  
  39. </td>
  40. </tr>
  41. <?php endforeach; ?>
  42. </table>
  43. <script type="text/javascript">
  44. $(document).ready(function()
  45. {
  46. $("#roz tr").hover(function() {
  47. $(this).attr("style",'background-color:#DFECFF');
  48. }, function() {
  49. $(this).removeAttr("style");
  50. });
  51. $("#roz").tablesorter({
  52. tableName: 'roz',
  53. headers: {9: {sorter: false}}
  54. });
  55.  
  56. });
  57. var options1 = {
  58. additionalFilterTriggers: [$('#quickfind')],
  59. clearFiltersControls: [$('#cleanfilters')]
  60. };
  61. $('#roz').tableFilter(options1);
  62.  


Wyszukiwanie dla pojedynczych kolumn dziala ale globalnie juz tylko dla pierwszej


ma ktos jakis pomysl dlaczego to moze nie dzialac?
mortus
Hmm... Nie jestem pewien, czy problem tkwi właśnie w tym, ale zauważ, że Twórcy tego pluginu umieszczają odpowiedni kod w sekcji head strony. Może tak trzeba?
prohol
Dzieki mortus za pomyls ale niestety nic to nie pomoglo, nadal tylko wyszukuje dla pierwszej kolumny:(. Ma ktos jeszcze jakis pomysl?
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.