2012-07-12 8 views
6

Próbuję filtrować kolumnę, w oparciu o nazwę pliku obrazu w atrybucie src znacznika.dataTables fnFilter kolumna na img nazwa_pliku

Mój wiersz wygląda następująco:

<tr class="unread odd"> 
    <td class=" "><input type="checkbox" name="r28416" value="1"></td> 
    <td class=" "><img src="img/icons/bullet_yellow.png" alt="A" title="A"></td> 
    <td class="nw ">Non-Lu</td> 
    <td class=" "><a class="fancybox" href="tpl/laboratoires/details.php?id=28416">J9121702</a></td> 
    <td class=" ">Data</td> 
    <td class=" ">378192</td> 
    <td class=" ">John Doe</td> 
    <td class=" ">DOEJ54161235</td> 
    <td class="nw sorting_1">2012-07-12 12:02</td> 
    <td class=" ">0</td> 
    <td class=" ">40</td> 

używam tej linii jako filtr:

table.fnFilter("bullet_yellow", 1); 

każda inna prace Colum i mam różne filtry dla innych kolumna. Po prostu nie działa z tym. Jakieś pomysły?

+0

Ten rodzaj funkcjonalności nie jest wbudowany w DataTables. Trzeba użyć niestandardowej wtyczki filtrującej. – joequincy

Odpowiedz

0

Może spróbuj umieścić src w ukrytej kolumnie, a następnie użyj tej kolumny do sortowania/filtrowania. Musiałem sortować na innej kolumnie, ponieważ moja druga kolumna została przekształcona w obrazy.

aoColumns: [ 
{"sType": "html", "bSortable": true}, 
{"iDataSort": 2, "bSortable": true, "bUseRendered":false}, 
{"bVisible": true, "sType": "numeric"} 
] 
4

Dla mnie to działało kiedy tylko dodaje tekst do filtrowania w span z display:none.

<td class=" "> 
    <img src="img/icons/bullet_yellow.png" alt="A" title="A"> 
    <span style="display:none;">bullet_yellow</span>` 
</td> 
+0

Ładne, proste rozwiązanie. – Simon