2016-04-19 12 views
1

Ich habe diese jquery Datentabelle an Ort und Stelle:JQUERY DATATABLE genaue Übereinstimmung

var $dataTable = $('#example1').DataTable({ 
    "ajax": serviceUrl, 
    "iDisplayLength": 25, 
    "order": [[ 2, "asc" ]], 
    "scrollY": 600, 
    "scrollX": true, 
    "bDestroy": true 
}); 

ich auch dieses Änderungsereignis haben geschieht, wenn der Benutzer eine Option in einem Dropdown wählt:

$('#serviceload').on('change',function() 
{ 
    $dataTable.columns(1).search(this.value).draw(); 
}); 

Ich muss sein kann das CHANGE-Ereignis so ändern, dass es die Datentabelle nach der genauen Übereinstimmung im Dropdown-Feld durchsucht.

Zum Beispiel hat die Datentabelle zwei Dienste namens SERV und SERV_ONE. Im Dropdown-Menü stehen sowohl SERV als auch SERV_ONE zur Auswahl zur Verfügung. Wenn der Benutzer jedoch SERV wählt, filtert das Datatable die SERV und zeigt auch die Datensätze für SERV_ONE an. Wenn jedoch SERV_ONE ausgewählt ist, zeigt die Datentabelle nur die Datensätze für SERV_ONE an.

Bitte helfen.

Antwort

1

Siehe this example für die ordnungsgemäße Verwendung von Drop-Down-Filtern.

$('#serviceload').on('change keyup', function(){ 
    var val = $.fn.dataTable.util.escapeRegex($(this).val()); 
    $dataTable 
    .columns(1) 
    .search(val ? '^' + val + '$' : '', true, false) 
    .draw(); 
}); 
+0

Vielen Dank, mein Herr. Ich habe den von Ihnen angegebenen Link gefunden, konnte jedoch meine Daten nicht mit dieser Methode laden. Ich habe versucht, den oben angegebenen Code in mein CHANGE-Event zu übernehmen, aber die Ergebnisse sind dieselben. Definitiv vielversprechend. –

+1

@HoodCoderMan, korrigierte den Code. –

+0

Sorry ... der Code war nicht erfolgreich. Ich gebe immer noch die gleichen Ergebnisse zurück. Ich spiele mit dem Code herum. Hoffentlich wird Ihr Code mir helfen, die Auflösung zu finden. Vielen Dank für deine Hilfe. Upvote für Sie. –

Verwandte Themen