Javascript 引导表服务器端分页的自定义参数
我有一个使用SpringBoot创建的服务,我正在尝试使用库显示它的数据 我的服务允许使用查询参数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嵌入。
?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在这种情况下有什么帮助?