Personnalisation du filtre jQuery Datatable

Question

J'ai une exigence typique lors de la recherche dynamique de données dans jQuery datatable.

Est-il possible de lier le champ de recherche avec un bouton? Ce que je veux dire, c'est que je ne veux pas redessiner la table en fonction de chaque saisie de caractères. Je souhaite d'abord entrer les données dans le champ et ensuite chercher dans le tableau en cliquant sur le bouton.

Si quelqu'un d'entre vous a fait quelque chose de similaire, je serais très obligé si vous pouviez aider.

Merci beaucoup pour toute aide.

Answer 1

Je sais que cela fait un moment que vous avez posté mais nogody a répondu, donc j'ai pensé que j'ajouterais quelque chose au cas où d'autres personnes cherchent la réponse. Le code ci-dessous activera une recherche quand une ancre est cliquée (peut être appelée comme un bouton ou vous pouvez également utiliser un bouton). Il trouve la zone de texte de recherche (dans ce cas, une zone de texte personnalisée que j'ai créée), obtient la valeur, trouve la table, fournit la valeur de filtre à la table, puis redessine la table.

$('a#searchfilter').click(function (e) { 
    e.preventDefault(); 
    var ele = $(this).prev(); 
    var term = ele[0].value; 
    var oTable = $('#primarytable').dataTable(); 
    oTable.fnFilter(term, null, false, true, false); 
    oTable.fnDraw(); 
});