[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? Ti piacerebbe offrirmi un caffè? Con PayPal è facile


Vincenzo

Vincenzo

Full Stack Web && Mobile Developer Un piccolo blog che ho reso libero come diario personale, se serve a me, potrebbe servire ad altri.

Lascia una recensione

avatar

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

  Subscribe  
Notificami