Javascript 数据表中显示行的限制

Javascript 数据表中显示行的限制,javascript,jquery,Javascript,Jquery,我使用Datatables 2.0。如何设置显示行数的限制 我有1000行都显示在一页上。 在Datatables 1.9中,它使用了“iDisplaylenght”。 但在Datatable 2.0中,我尝试设置“lenght:10”,如本文档中所示: 但它不起作用 编辑: 在上面的链接上,你可以看到我的问题。 从复选框中选择哪个数字并不重要 通过@Julian(谢谢)的链接,我发现如果我不使用ajax调用,它就可以正常工作。但是如果我从服务器端获取数据,所有数据都会显示出来。请参阅链接。所

我使用Datatables 2.0。如何设置显示行数的限制

我有1000行都显示在一页上。 在Datatables 1.9中,它使用了“iDisplaylenght”。 但在Datatable 2.0中,我尝试设置“lenght:10”,如本文档中所示: 但它不起作用

编辑:

在上面的链接上,你可以看到我的问题。 从复选框中选择哪个数字并不重要

通过@Julian(谢谢)的链接,我发现如果我不使用ajax调用,它就可以正常工作。但是如果我从服务器端获取数据,所有数据都会显示出来。请参阅链接。所以这一定是服务器端的问题

@SuppressWarnings("unchecked")
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    String sql = "SELECT UID,LastName,FirstName FROM employe LIMIT 1000";
    
    int rows=0;
    int count = 0;
    JSONArray arrayback = new JSONArray();
    JSONObject object = new JSONObject();
    PrintWriter out = response.getWriter();
    
    try {

        Class.forName("com.mysql.jdbc.Driver");
        Connection con = DriverManager.getConnection("jdbc:mysql://localhost:3306/check","****","****");
        Statement stmt = con.createStatement();
        ResultSet rs = stmt.executeQuery(sql);
        ResultSetMetaData meta = rs.getMetaData();
        rows= meta.getColumnCount();        
        
        while(rs.next())
        {
            JSONArray array = new JSONArray();
            array.add(rs.getString("UID"));
            array.add(rs.getString("LastName"));
            array.add(rs.getString("FirstName"));
            count++;
            arrayback.add(array);
            
        }
        
        object.put("aaData", arrayback);
        object.put("sEcho",1);
        object.put("iTotalRecords", count);
        object.put("iTotalDisplayRecords", count);      
        out.print(object);          
        
    
        con.close();
}catch(exception e)
{
e.printStackTrace();
    }
}

这是我的服务器代码。

您需要使用
lengthMenu
pageLength
属性

"lengthMenu": [ 10, 25, 50, 75, 100 ]
"pageLength": 50

lengthMenu
提供从下拉列表中选择所需大小的选项&
pageLength
提供页面的默认大小。如果不使用
pageLength
属性,则
lengthMenu
数组中的第一个值将用作页面长度。

是否对数据表使用服务器端处理?因为指向文档的链接指向数据表的服务器端配置。Imho 1000行应由客户机通过“经典”数据表方法轻松呈现。此外,链接页面上指出的选项用于服务器端脚本处理表的正确数据。这意味着,
length
值告诉服务器(!)他必须返回多少行。因此,您的页面与datatable的“客户端”设置无关

因此,要调整“客户端”上显示的行数,请使用
pageLength
值:

$(document).ready(function() {
    $('#example').dataTable( {
        "pageLength": 20 
    } );
} );
您还可以调整
lengthMenu
以设置下拉选择,用户可以在其中指定每页要查看的行数:

$(document).ready(function() {
    $('#example').dataTable( {
        "lengthMenu": [20, 40, 60, 80, 100],
        "pageLength": 20
    } );
} );
请参见此处的工作演示:

编辑:

我认为你的问题是,你是返回的每一个单一的要求全套项目。据我所知,Datatables的工作原理有点不同。在SQL语句中,您将限制设置为1000,这意味着您的api将返回1000行。但是Datatable提供了一个参数“iDisplayLength”,应该通过AJAX调用将其传递给api。然后,“iDisplayLength”中指定的项数将设置SQL查询的限制

例如:

在您的服务器上,“iDisplayLength”-参数将设置查询的限制:

String sql = "SELECT UID,LastName,FirstName FROM employe LIMIT {iDisplayLength}";
object.put("iTotalRecords", {iDisplayLength});

我想试试,但我从未对数据表使用过服务器端处理,所以这只是一次冒险。

我想你可以在这里找到你问题的答案:不,它不起作用。我说过我使用Datatables的2.0版本。我认为我必须将“iDisplayLength”改为“length”,但这是错误的。是的,我使用了服务器端。但是“页面长度”不起作用。“lengthMenu”可以。我已经用图像和servlet代码编辑了我的第一篇文章。
String sql = "SELECT UID,LastName,FirstName FROM employe LIMIT {iDisplayLength}";
object.put("iTotalRecords", {iDisplayLength});