数据表如何搜索和分页服务器端

时间:2019-07-03 13:07:18

标签: javascript java spring datatables

我有一个Java rest api,可以得到类似这样的分页结果:

  

/ allusers?page = 1&text = searchkeyword&pageSize = 50

我正在尝试使用数据表来实现前端(也向其他图书馆建议开放),但是似乎无法弄清楚如何使用数据表服务器端处理来发送页面和搜索关键字:

这是他们网站上的示例代码,如何在此处传递参数?因此,当用户单击下一页或搜索关键字时,它将进行相关的后端调用:

findViewById

1 个答案:

答案 0 :(得分:-1)

您可以/必须做一些设置分页的事情。

  1. 所有列都必须至少包含属性“数据”:

    var aoColumns = [ { "mData": "c1-data-attr", "sName": "c1-name-attr", "sClass": "c1-class-attr"}]
  2. 定义dataSrcFunction,它将自动从API响应中接收带有分页表的JSON作为参数。返回(json.data)应包含aoColumns中按其mData属性值定义的每个列的值。

    var dataSrcFunct = function (json) {
        console.log(json);
        //manipulate your JSON here
        return json.data;
    };
  3. 定义一个errorFunction,它将在响应不正常时执行。

这些参数将像这样进入您的配置:

$('#example').DataTable({
        "processing": true,
        "serverSide": true,
        "ajax": { 
            "url": "/allusers?page=1&text=searchkeyword&pageSize=50",
            "dataSrc": dataSrcFunction,
            "error": errorFunction
        },
        "aoColumns": aoColumns
);