raulluxin 2019-04-12 15:50 采纳率: 0%
浏览 1920

bootstrap-Table后台已返回json数据,前台不显示

//先销毁表格
$table.bootstrapTable('destroy');
//再初始化表格
$table.bootstrapTable({
//请求地址,此处数据为本地加载
url: path+"/Build/searchBuilding",
//请求方式
method: "POST",
//请求内容类型
contentType: "application/x-www-form-urlencoded",
//数据类型
dataType: "json",
//table高度:如果没有设置,表格自动根据记录条数觉得表格高度
//height: '582',
//是否显示行间隔色
striped: true,
//是否启用排序
sortable: true,
//排序方式
sortOrder: "bid asc",
//是否使用缓存
cache: false,
//每行的唯一标识
uniqueId: "bid",
//指定工具栏
toolbar: "#toolbar",
//显示刷新按钮
showRefresh: true,
//切换显示样式
showToggle: true,
//默认显示详细视图
cardView: false,
//是否显示搜索
search: false,
//是否显示分页
pagination: true,
//是否启用点击选中行
clickToSelect: false,
//最少要显示的列数
minimumCountColumns: 2,
//显示隐藏列
showColumns: true,
//cell没有值时显示
undefinedText: '-',
//分页方式:client客户端分页,server服务端分页
sidePagination: "server",
//每页的记录行数
pageSize: 20,
//初始化加载第1页,默认第1页
pageNumber: 1,
//可供选择的每页的行数
pageList: "[10, 20, 50, 80, 100]",
paginationFirstText: "首页",
paginationPreText: "上一页",
paginationNextText: "下一页",
paginationLastText: "末页",
//按钮样式
buttonsClass: 'btn',
//分页器class
iconSize: 'Page',
//查询条件
queryParams: queryParams,
//表头
columns: [{
field: 'bid',//id
checkbox: true,//checkbox
align: 'center',//对其方式
valign: 'middle'//对其方式
}, {
title: '幢编号',
field: 'building_id',
align: 'center',
valign: 'middle',
}, {
title: '幢名称',
field: 'building_name',
align: 'center',
valign: 'middle'
},{
title: '操作',
field: 'operate',
align: 'center',
events: window.operateEvents,
formatter: genderOpt//如需操作行数据,直接添加formatter对应函数名参数分别为value, row, index
}],
onLoadSuccess: function (res) {//可不写
//加载成功时
console.log(res);
}, onLoadError: function (statusCode) {
return "加载失败了";
}, formatLoadingMessage: function () {
//正在加载
return "拼命加载中...";
}, formatNoMatches: function () {
//没有匹配的结果
return '无符合条件的记录';
}
});

    json数据是{"rows":[{"bid":1,"building_id":"1","building_name":"1"},{"bid":2,"building_id":"2","building_name":"2"},{"bid":3,"building_id":"3","building_name":"3"}],"total":3}
  • 写回答

1条回答

  • CSDN-Ada助手 CSDN-AI 官方账号 2022-09-21 01:55
    关注
    不知道你这个问题是否已经解决, 如果还没有解决的话:

    如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^
    评论

报告相同问题?

悬赏问题

  • ¥15 Qt下使用tcp获取数据的详细操作
  • ¥15 idea右下角设置编码是灰色的
  • ¥15 全志H618ROM新增分区
  • ¥15 在grasshopper里DrawViewportWires更改预览后,禁用电池仍然显示
  • ¥15 NAO机器人的录音程序保存问题
  • ¥15 C#读写EXCEL文件,不同编译
  • ¥15 MapReduce结果输出到HBase,一直连接不上MySQL
  • ¥15 扩散模型sd.webui使用时报错“Nonetype”
  • ¥15 stm32流水灯+呼吸灯+外部中断按键
  • ¥15 将二维数组,按照假设的规定,如0/1/0 == "4",把对应列位置写成一个字符并打印输出该字符