DataTables中显示行数的限制

Question

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

我有1000行数据，全部显示在一页上。 在Datatables 1.9中，可以使用“iDisplaylenght”进行设置。 但在Datatable 2.0中，我尝试像文档中所述设置'lenght: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();
    }
}

这是我的服务器代码。

- user3541032

---

我认为你可以在这里找到你问题的答案：https://dev59.com/6WjWa4cB1Zd3GeqPniPq - Abbadon

不行 - 它不起作用。就像我说的，我使用Datatables的2.0版本。我以为我需要将“iDisplayLength”更改为“length”，但是这是错误的。 - user3541032

Answer 1

你是否在使用服务器端处理数据表格？因为你提供的链接指向Datatables的服务器端配置，我认为通过“经典”Datatable方法客户端可以轻松地呈现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
    } );
} );

点击此处查看一个实际演示：http://jsfiddle.net/vf5wA/2/

编辑：

我认为您的问题在于每个单独请求都会返回完整的数据集。据我所知，Datatables 的工作方式有些不同。在您的 SQL 语句中，您设置了一个限制为 1000，这意味着您的 API 将返回 1000 行。但是 Datatable 给出了一个参数“iDisplayLength”，应该通过 AJAX 调用传递给您的 API。在“iDisplayLength”中指定的项目数量将设置 SQL 查询的限制。

例如：

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

在您的服务器上，“iDisplayLength”参数将设置查询的LIMIT：

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

我会尝试，但我从未在 Datatables 中使用过服务器端处理，所以这只是一次瞎猜。

- Caelum

---

是的，我使用服务器端。但是 'pageLength' 不起作用。而 'lengthMenu' 是可以的。我已经编辑了我的第一篇帖子 - 包括图片和我的 Servlet 代码。 - user3541032

Answer 2

您需要使用lengthMenu和pageLength属性。

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

lengthMenu 让您可以从下拉菜单中选择所需的大小，而 pageLength 则提供页面的默认大小。如果您不使用 pageLength 属性，则会将 lengthMenu 数组中的第一个值用作页面长度。

- demonofthemist