NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.

Diskuze: Filter na Datatable, data AJAX + JSON

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
Filip
Člen
Avatar
Filip:27.4.2019 14:49

Mam datatable, do ktorej su nacitane data PHP skriptom vo formate JSON. Funguje mi to, ale chcel by som na tu tabulku aplikovat nejaky filter (napr. filtrovat riadky podla mena...) Skusal som funkciu .fnFilter ale nefunguje mi to.

<script>
$(document).ready(function(){
 $('#upload').on('submit', function(event){
  event.preventDefault();
  $.ajax({
   url:"import.php",
   method:"POST",
   data:new FormData(this),
   dataType:'json',
   contentType:false,
   cache:false,
   processData:false,
   success:function(jsonData)
   {
    $('#data-table').DataTable({
     data  :  jsonData,
     columns :  [
      { data : "Meno" },
      { data : "Adresa" },
      { data : "Mobil" }
     ]
    });
   }
  });
 });
});

</script>

Zkusil jsem: Google... ale stale to neviem spravit, ked mi PHP skript predava data vo formate JSON

Chci docílit: Aby som mohol filtrovat zobrazene data v tabulke napr. cez Select tag (v HTML kode)

 
Odpovědět
27.4.2019 14:49
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:7.5.2019 14:04

google = js DataTable filter
https://datatables.net/…e/api/filter()
https://datatables.net/…ltering.html
https://datatables.net/…s/filtering/

{ type: "phoneNumber", targets: 0 }
domnivam se, ze prvni je typ sloupce (string, tel. cislo ...) a druhe cislo sloupce (0, 1, 2, 3 ... )

https://datatables.net/…ltering.html

$( 'input', this ).on( 'keyup change', function () {
          if ( table.column(i).search() !== this.value ) {
              table
                  .column(i)
                  .search( this.value )
                  .draw();
          }
      } );
Akceptované řešení
+20 Zkušeností
Řešení problému
 
Nahoru Odpovědět
7.5.2019 14:04
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.