[JS] Adding a Clear Filter / Clear Search Button to DataTables


Salve a tutti,
oggi avevo la necessità di poter pulire l’input di ricerca del plugin Datatable.
Per fare ciò ho trovato in rete questa simpatica estensione funzionante fino all’ultima release 1.10.x (ora alla 1.10.11) che non fa altro che aggiungere un pulsante CLEAR di fianco all’input box di ricerca.

$.extend( $.fn.dataTable.defaults, {
	fnInitComplete: function(oSettings, json) {
		var btnClear = $('');
		btnClear.appendTo($('#' + oSettings.sTableId).parents('.dataTables_wrapper').find('.dataTables_filter'));
		$('#' + oSettings.sTableId + '_wrapper .btnClearDataTableFilter').click(function () {
		$('#' + oSettings.sTableId).dataTable().fnFilter('');
	});
	}
});

E’ tutto, spero serva ^_^

Fonte: zootfroot


VI RICORDO CHE È TUTTO A SCOPO ILLUSTRATIVO.

NON MI ASSUMO NESSUNA RESPONSABILITÀ NELL’ USO CHE NE FARETE.

IO E I MIEI TUTORIAL NON NE SIAMO RESPONSABILI.

UTILIZZARE SOFTWARE CONTRAFFATTO E' UN REATO.

Licenza Creative Commons
Quest'opera è distribuita con Licenza Creative Commons Attribuzione - Non commerciale - Condividi allo stesso modo 4.0 Internazionale.

Ti è piaciuto il mio articolo?

Effettua una donazione


Potrebbero interessarti anche...

Lascia una recensione

avatar

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

  Subscribe  
Notificami