Question

我想知道如何使用默认搜索值加载datatable api。我试过这样的事情。

$(document).ready(function{
    $('#datatable').DataTable();
    $("input[type=search]").val('john')
});

但是，为了显示搜索结果，需要提交搜索框。我怎么做？

Answer 1

尝试触发keyup事件......

$(document).ready(function{
    $("#datatable").DataTable();
    $("input[type='search']").val("john").trigger("keyup");
});

的修改

我找到了一种在搜索处于活动状态时禁用分页的方法 搜索输入字段不为空时的含义。

考虑到无分页数据表，我改进了我的解决方案以隐藏不完整的控件。

在CodePen上查看。

searchField.on("input",function(){

    // Grab the seach term (text inputed in the search field)
    searchTerm = $(this).val();
    console.log("searchTerm: "+searchTerm);

    // The paginate links and buttons...
    var paginate = $("#myTable").siblings('.dataTables_paginate');

    // Remove the whole table when search term is empty.
    if(searchTerm==""){
        console.log("searchField: empty");

        // Set pagination to desired length
        // and show controls.
        myTable.page.len( paginationLength ).columns.adjust().draw();
        paginate.show();
        pageLenghtSelect.show();
    }else{
        console.log("searchField: NOT empty");

        // Set pagination to no pagination at all (only one page).
        // and hide controls.
        myTable.page.len( -1 ).columns.adjust().draw();
        paginate.hide();
        pageLenghtSelect.hide();

    }
});

如何使用默认搜索值运行datatable api？

1 个答案: