Dodawanie przycisku odświeżania do jQuery Datatable

Question

Mam dataTable w mojej aplikacji. Jestem zobowiązany do dodania przycisku Odśwież gdzieś w pobliżu pola tekstowego Wyszukaj w obrębie datatable w celu odświeżenia tabeli, gdy użytkownik ją kliknie. Zorientowałem się na funkcji odświeżania.

Rzeczą, którą utkwiłem, jest to, jak umieścić ten przycisk w ramach datatable? Chcę uzyskać dostęp do tego przycisku id w moim skrypcie końcowym.

Wszelkie sugestie? Czy każdy może powiedzieć, jaki jest pożytek z bJQueryUI?

Answer 1

po prostu używany następujący kod:

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

Answer 2

Miałem podobny problem, który udało mi się rozwiązać za pomocą parametru datDables sDom.

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

zasadzie to pozwala na umieszczenie div z id w DataTable. Następnie użyłem javascript, aby wstawić przycisk do tego elementu div.

Answer 3

Oto strona przykład do dodawania przycisków z datatables.net

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

A oto strona przykładem sdom jak wspomniano przez @Mike: http://datatables.net/release-datatables/examples/advanced_init/dom_multiple_elements.html

Answer 4

Można po prostu zrobić podwójne nagłówek i użyj drugiego dla przycisku.

bJqueryUI pozwala na użycie motywów jQueryUI lub rolki motywu. Więc jeśli dodasz jQueryUI przed zainicjalizowaniem datatable, możesz użyć tego stylu zamiast domyślnego.