在jQuery Datatables中初始化搜索輸入

Question

我正在嘗試使用用戶可以替換或優化的默認搜索值初始化數據表。 這是服務器端數據。 我沒有在Datatables文檔中閱讀過您可以執行此操作的任何內容。

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

上面設置了值，但因為沒有涉及按鍵，事件處理程序不會提取它。 有沒有一種方法可以鏈接到上面，就像輸入鍵一樣，或者我應該編寫一個事件處理程序來查找字段中的更改。 我是數據表和jQuery新手的新手。

Answer 1

所以正確的方法是使用oSearch參數。

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

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

Answer 2

您可以使用.trigger()手動觸發事件：

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

根據您的代碼，您可能需要"keyup" 。

Answer 3

現在正確的方法是：

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

Answer 4

引用oSearch的答案正在使用遺留語法。 從DataTables 1.10+開始 ，正確的語法是：

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

Answer 5

您可以更改默認設置：

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

Answer 6

$('#example_filter label input[type=search]').val(i).trigger($.Event("keyup", { keyCode: 13 }));