bootstraptabl 销毁表格_BootStrap-table表格 -- Demo

BootStrap + JQuery

业务1:

tips : (筛选部分 数据库中没有的参数可以传一个状态到后端 比如: -1, 0, 1... )

(后端持久层使用的SpringDataJpa,筛选框的参数也会作为条件参数,传到fandAll查询所有的方法中)

但是, 如果这个筛选框参数不固定, 后期还会增加, 就不能这样了, 我是直接把字符串传过去, 后台判断的 (模糊查询), 但感觉不太好 .

核心代码:

function tableBoxPeople() {

$("#tables").bootstrapTable('destroy'); //加载前先销毁

$('#tables').bootstrapTable({

url: '/XXXXXX/findAll',

method: 'post',

contentType: "application/x-www-form-urlencoded",

queryParamsType: 'limit', //默认值为 'limit' ,在默认情况下 传给服务端的参数为：offset,limit,sort

queryParams: function (params) { //参数

let startTime = '';

let endTime = '';

let teacherName = '';

if (appVue.date != null) {

startTime = appVue.date[0];

endTime = appVue.date[1];

}

let username = appVue.inp_search;

teacherName = appVue.value;

return {

pageNum: params.offset / params.limit,

pageSize: params.limit,

startTime: startTime,

endTime: endTime,

username: username,

teacherName: teacherName