Khởi tạo đầu vào tìm kiếm trong jQuery Datatables

Question

Tôi đang cố gắng khởi tạo một Datatable với một giá trị tìm kiếm mặc định mà người dùng có thể thay thế hoặc tinh chỉnh. Điều này là với dữ liệu phía máy chủ. Tôi đã không đọc bất cứ điều gì mà bạn có thể làm điều này trong tài liệu Datatables.

$('#example_filter label input[type=text]').val('Default Product') 

Ở trên đặt giá trị nhưng vì không có phím bấm nào liên quan đến trình xử lý sự kiện không nhận được. Có một phương pháp tôi có thể chuỗi lên trên mà sẽ hành động như phím nhập, hoặc tôi nên viết một xử lý sự kiện tìm kiếm những thay đổi trong lĩnh vực này. Tôi khá mới với datatables và một người mới jquery. Cảm ơn.

Answer 1

Vì vậy, cách thích hợp để thực hiện việc này là sử dụng tham số oSearch.

https://datatables.net/docs/DataTables/1.9.0/DataTable.defaults.oSearch.html

$(document).ready(function() { 
    $('#example').dataTable({ 
    "oSearch": {"sSearch": "Initial search"} 
    }); 
}) 

Answer 2

Bạn có thể kích hoạt một sự kiện bằng tay với .trigger():

$('#example_filter label input[type=text]') 
    .val('Default Product') 
    .trigger($.Event("keypress", { keyCode: 13 })); 

Tùy thuộc vào mã của bạn, bạn có thể muốn "keyup" để thay thế.

Answer 3

Cách thích hợp bây giờ là:

var table = $('#mytable').DataTable(); 
table.search('initial search value').draw(); 

Answer 4

Bạn có thể thay đổi cài đặt mặc định:

var my_config = { 
 
      oLanguage: { 
 
       sSearch: "" 
 
      }, 
 
      oSearch: { 
 
       sSearch: "Default Search value" 
 
      } 
 
     }; 
 
$('#search').dataTable(my_config);

Answer 5

Các câu trả lời đề cập đến oSearch đang sử dụng cú pháp cũ. As of DataTables 1.10+, cú pháp chính xác là:

$(document).ready(function() { 
    $('#example').dataTable({ 
    "search": {"search": "Initial search"} 
    }); 
});