javascript - DataTables 中显示行的限制

Question

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

我有 1000 行都显示在一页上。 在 Datatables 1.9 中，它与“iDisplaylenght”一起使用。 但在 Datatable 2.0 中，我尝试像本文档中那样设置“长度:10”:http://next.datatables.net/manual/server-side 但它不起作用。

编辑:

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

我发现，通过来自@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();
    }
}

这是我的服务器代码。

Answer 1

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

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

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

您还可以调整 lengthMenu 来设置下拉选择，用户可以在其中指定他希望每页看到多少行:

$(document).ready(function() {
    $('#example').dataTable( {
        "lengthMenu": [20, 40, 60, 80, 100],
        "pageLength": 20
    } );
} );

在此处查看工作演示:http://jsfiddle.net/vf5wA/2/

编辑:

我认为您的问题是，您要为每个请求返回完整的项目集。据我所知，Datatables 的工作方式有点不同。在您的 SQL 语句中，您将 LIMIT 设置为 1000，这意味着您的 api 将返回 1000 行。但是数据表给你一个参数“iDisplayLength”，它应该通过 AJAX 调用传递给你的 api。然后，“iDisplayLength”中指定的项目数将为您的 SQL 查询设置 LIMIT。

例如:

AJAX-Call: https://api.example.com/datatable/something?iDisplayLength=50

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

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

我会尝试这样做，但我从未对数据表使用过服务器端处理，所以这只是在黑暗中尝试。