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