Aggiunta di un pulsante di aggiornamento a jQuery Datatable

Question

Ho un dataTable nella mia applicazione. Devo aggiungere un pulsante Aggiorna da qualche parte vicino alla casella di testo di ricerca all'interno del datatable per aggiornare la tabella quando l'utente fa clic su di esso. Ho capito la funzionalità di aggiornamento.

La cosa con cui sono bloccato è come includere questo pulsante all'interno del datatable? Voglio accedere a questo pulsante id nel mio script di fine.

Qualche suggerimento? Qualcuno può dire anche a che cosa serve bJQueryUI?

Answer 1

ho semplicemente usato il seguente codice:

$('<button id="refresh">Refresh</button>').appendTo('div.dataTables_filter'); 

Answer 2

Avevo un problema simile che ero in grado di risolvere utilizzando il parametro sDom dei datatables.

http://datatables.net/forums/discussion/37/the-sdom-parameter/p1

In sostanza si consente di posizionare un div con un id all'interno della datatable. Ho quindi usato javascript per inserire il pulsante in quel div.

Answer 3

Ecco la pagina di esempio per l'aggiunta di pulsanti dalla datatables.net

http://datatables.net/examples/advanced_init/dom_toolbar.html

E qui è la pagina di esempio per Sdom come detto da @ Mike: http://datatables.net/release-datatables/examples/advanced_init/dom_multiple_elements.html

Answer 4

si può solo fare un doppio intestazione e utilizzare il secondo per un pulsante.

bJqueryUI consente di utilizzare i temi jQueryUI o il rullo del tema. Quindi, se aggiungi jQueryUI prima di inizializzare datatable, puoi utilizzare quello stile invece di quello predefinito.