当前位置: 首页 > Web前端 > HTML5

Bootstrap表总结

时间:2023-04-05 13:32:00 HTML5

JS文件传参:直接把需要的参数放在queryParams方法中,比如line:formData注意:queryParams中的queryStr是获取文本框的值,表单加载完成后,在文本框中输入值,然后然后调用reLoadvarprefix=contpath+"equip/eqEqequip"$(function(){load(formData);});functionload(formData){$('#exampleTable').bootstrapTable({method:'get',//服务器数据请求方式getorposturl:prefix+"/list",//服务器数据加载地址showRefresh:true,showToggle:true,showColumns:true,iconSize:'outline',toolbar:'#exampleToolbar',striped:true,//设置为true将有一个交错的颜色变化dataType:"json",//服务器返回的数据类型pagination:true,//设置为true将在底部显示一个分页栏//queryParamsType:"limit",////设置limit会发送符合RESTFull格式的参数singleSelect:false,//设置为true禁用多选//contentType:"application/x-www-form-urlencoded",////发送到服务器的数据编码类型pageSize:10,//如果设置了分页,每页数据项数pageNumber:1,//如果设置了分布,则首页页码//search:true,//是否显示搜索框showColumns:true,//是否显示下拉内容-downbox(选择显示的列)sidePagination:"server",//设置分页的位置,可选值为"client"或"server"clickToSelect:true,//点击选择行queryParams:function(params){return{//说明:传入后台参数包括offset起始索引,limit步长,sort排序列,order:descor,以及所有列的键值对limit:params.limit,offset:params.offset,queryStr:$("#searchName").val(),行:formData//line:$('.val-hide').val()};},////在请求服务器数据时,可以通过重写参数的方式添加一些额外的参数,比如toolbar中的参数if//queryParamsType='limit',返回参数必须包含//limit,offset,search,sort,顺序,否则,它需要包含://pageSize,pageNumber,searchText,sortName,//sortOrder。//返回false将终止请求:'eqTypeName',标题:'设备分类'},{字段:'eqSpec',标题:'规格'},{字段:'模型',标题:'模型'},{字段:'制造商',标题:'制造商'},{field:'facNumber',title:'工厂编号'},{field:'startDate',title:'开始使用'},{field:'useDept名称',标题:'使用部门'},{字段:'eqState',标题:'设备状态',格式化程序:函数(值,行,索引){if(值=='0'){返回'正在使用';}elseif(value=='1'){return'Standby';}elseif(value=='2'){return'Overhaul';}elseif(value=='3'){return'Disable';}elseif(value=='4'){return'tobeScrap';}elseif(value=='5'){return'Scrap';}}},{field:'dutyUser',title:'负责人'},{title:'operation',field:'id',align:'center',formatter:function(value,row,index){vars='<我类=“fafa-eye">';vare='';vard='';varf='';返回s+e;}}]});}//重载表functionreLoad(){$('#exampleTable').bootstrapTable('refresh');}Controllernote:params包含获取的数据@ResponseBody@GetMapping("/list")@RequiresPermissions("equip:eqEqequip:eqEqequip")publicPageUtilslist(@RequestParamMapparams){//查询列表数据Stringorgcode=ShiroUtils.getUser().getOrgCode();params.put("组织代码",组织代码);params.put("audFlag","1");params.put("eqState","5");查询查询=新查询(参数);列表eqEqequipList=eqEqequipService.list(query);inttotal=eqEqequipService.count(query);PageUtilspageUtils=newPageUtils(eqEqequipList,total);返回pageUtils;}