Thêm nút làm mới vào jQuery Có thể định cấu hình

Question

Tôi có một DataTable trong ứng dụng của mình. Tôi được yêu cầu thêm nút Làm mới ở đâu đó gần hộp văn bản Tìm kiếm trong vòng dữ liệu có thể định dạng để làm mới bảng khi người dùng nhấp vào bảng đó. Tôi đã tìm ra chức năng làm mới.

Điều mà tôi đang mắc kẹt là làm cách nào để đưa nút này vào bên trong dữ liệu? Tôi muốn truy cập nút này id trong tập lệnh cuối của tôi.

Mọi đề xuất? Ngoài ra, bất cứ ai cũng có thể cho biết việc sử dụng bJQueryUI là gì?

Answer 1

Tôi chỉ đơn giản là sử dụng đoạn mã sau:

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

Answer 2

Tôi gặp vấn đề tương tự mà tôi có thể giải quyết bằng tham số sDom của datatables.

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

Về cơ bản nó cho phép bạn đặt một div với id trong DataTable. Sau đó tôi sử dụng javascript để chèn nút vào div đó.

Answer 3

Đây là trang ví dụ để thêm các nút từ datatables.net

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

Và đây là trang ví dụ cho sDom như đã đề cập bởi @ Mike: http://datatables.net/release-datatables/examples/advanced_init/dom_multiple_elements.html

Answer 4

Bạn chỉ có thể làm cho một đôi và sử dụng nút thứ hai cho nút.

bJqueryUI cho phép bạn sử dụng các chủ đề jQueryUI hoặc con lăn chủ đề. Vì vậy, nếu bạn thêm jQueryUI trước khi bạn khởi tạo datatable, bạn có thể sử dụng kiểu đó thay vì kiểu mặc định.