dataTable.NET的search box每輸入一個字母進行一次檢索的問題

當使用dataTable.NET時，可以通到簡單的setting來添加一個search box進行全表格的檢索。

$('#test-listing')
    .on('order.dt', function () {
        var table = $('#test-listing').dataTable();
        var currentSort = table.fnSettings().aaSorting;
        // do something here
    })
    .on('search.dt', function () {
        var value = $('.dataTables_filter input').val();
        // do something here
    })
    .on( 'init.dt', function () {
        // fired when DataTables has been completely loaded.
        firstTimePageLoad = false;
    } )
    .DataTable({
        paging: false,
        ordering: true,
        fixedHeader: true,
        "search": {
            "search": searchText
        },
        order: defaultSort,
    });

當在search box輸入時，每輸入一次按鍵都會觸發 "seatch.dt"的function, 屏蔽的方法是將在search box上的keyup event進行unbind, 再bind自己要的function.,

$('.dataTables_filter input').unbind();
$('.dataTables_filter input').bind('keyup', function(e){
    if(e.keyCode == 13) {
        var table = $('#test-listing').dataTable()
        table.fnFilter(this.value);
        return false;
    }
});

上面的function會在按下enter鍵時，才進行fiter的動作。

需要注意的是，在實際使用時，當按下enter鍵除了可以fiter外，還會觸發form中其他button的click動作，原因可能與browser有關，

參考下面的link,

https://github.com/facebook/react/issues/3907

一個work around的解決方法，在其他button的click function中添加下面的code.

if (event.detail == 0)
    return false;