【问题标题】:How do I show only 5 results by default?如何默认只显示 5 个结果?
【发布时间】:2019-08-19 00:29:12
【问题描述】:

我有一个搜索栏,默认情况下它会加载搜索栏下的所有数据。 我想将搜索前的默认值限制为表中只有 5 个结果。

我正在尝试这个,但它不起作用! 我做错了什么?

<script>
$(document).ready(function(){
    load_data();
    function load_data(query)
    {
        $.ajax({
            url:"fetch.php",
            method:"post",
            data:{query:query},
            success:function(data)
            {
                $('#result').html(data);
            }
        });
    }

    $('#search_text').keyup(function(){
        var search = $(this).val();
        if(search != '')
        {
            load_data(search);
            $('#result').dataTable({'iDisplayLength': 5});
        }
        else
        {
            load_data();            
        }
    });
});
</script>

而 HTML 部分就是这段代码:

<div id="result"></div>

【问题讨论】:

  • 你是指分页之类的东西吗?
  • 这类似于 autocomplete 吗?
  • 是的,我想将数据限制为只有 5 个结果以使其分页
  • 改用pageLength
  • 您是否使用外部库来实现自动完成功能?

标签: javascript jquery html pagination


【解决方案1】:

如果您使用的是数据表,那么您必须通过 pageLength: 5

$('#example').dataTable( {
  "pageLength": 5
} );

你可以在这个link看到

【讨论】:

    猜你喜欢
    • 2017-12-19
    • 2016-04-20
    • 1970-01-01
    • 2015-08-10
    • 2012-06-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多