Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/473.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导表服务器端分页的自定义参数_Javascript_Html_Jquery_Bootstrap Table - Fatal编程技术网

Javascript 引导表服务器端分页的自定义参数

Javascript 引导表服务器端分页的自定义参数,javascript,html,jquery,bootstrap-table,Javascript,Html,Jquery,Bootstrap Table,我有一个使用SpringBoot创建的服务,我正在尝试使用库显示它的数据 我的服务允许使用查询参数?page=x&size=y分页,其中page从0开始 查询的响应返回如下内容: { "_embedded": { "catalogueOrders": [ .... ] }, "page": { "size": 20, "totalElements": 11, "totalPages": 1, "number": 0 } } 其中\u嵌入。

我有一个使用SpringBoot创建的服务,我正在尝试使用库显示它的数据

我的服务允许使用查询参数
?page=x&size=y
分页,其中
page
从0开始

查询的响应返回如下内容:

{
  "_embedded": {
    "catalogueOrders": [ .... ]
  },
  "page": {
    "size": 20,
    "totalElements": 11,
    "totalPages": 1,
    "number": 0
  }
}
其中
\u嵌入。目录订单
包含所有数据,
页面
包含总计

我尝试按以下方式配置我的表:

$('#orderTable')。bootstrapTable({
url:“http://localhost:8088/catalogueOrders?orderStatus=“+orderState,
栏目:[
{
字段:“orderId”,
标题:“订单ID”
},
{
字段:“优先级”,
标题:“优先权”
}
],
分页:正确,
侧分页:“服务器”,
totalField:'page.totalElements',
页面大小:5,
页面列表:[5,10,25],
负责人:功能(res){
console.log(res)
return res[“_embedded”][“catalogeorders”]
}
})
这可以检索和显示数据,但是它会返回所有结果,这显然是因为它不知道如何应用分页。总计元素似乎也没有被检索到,因为表格显示了
显示了1到5行未定义的行。另外,如果我用
数据字段“\u embedded.catalogeorders”
替换
响应句柄
,它将不再显示数据

如何配置分页所需的查询参数

当我尝试配置
dataField
totalField
时,我是否做错了什么

不确定
数据字段
总字段
有什么问题,但它似乎不适用于嵌套字段。为了解决这个问题,我将响应格式化为
responseHandler
中的一个新对象:

dataField:'data',
totalField:'总计',
负责人:功能(res){
返回{
数据:res[“_嵌入式”][“目录订单”],
总计:res[“页面”][“总计元素”]
}
}
对于查询参数,默认情况下,bootstrap表提供参数
limit
offset
。要自定义并转换为
大小
页面
,可以提供
查询参数
功能:

queryParams:function(p){
返回{
页码:数学楼层(p.偏移/p.限制),
尺寸:p.limit
}
}

一,是的,它不适用于嵌套字段。如果您想使用嵌套字段,请尝试sass代码(获取编译器,只需在web上搜索,web上有大量帖子)。 第二,我不确定你在说什么,但是你可以设置一个css变量

:根目录{
/*分配变量*/
--颜色1:红色;
--颜色2:蓝色;
}
/*应用变量
p{
颜色:var(--color-1):
}

你可以在网上找到大量的信息。

CSS在这种情况下有什么帮助?