bootstrap table分页模板和获取表中的ID方法

前端之家收集整理的这篇文章主要介绍了bootstrap table分页模板和获取表中的ID方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.dao层

MyBatis映射

mapper.xml中

mapper.java中

getTcdt(Mydata data);//分页查询

2.业务层service

分页显示 */ @Override public JSONObject getTcdt(Mydata data) { // TODO Auto-generated method stub JSONObject result=null; List md=tbdao.getTcdt(data); List resultList = new ArrayList() ; //判断前台页面传回的值是不是空不是进行条件模糊查询 if(null!=data.getStationNr() && !data.getStationNr().trim().equals("")||data.getWellDbk()!=null&&data.getWellDbk().trim().equals("")){ for(Tb_communication_device_tbl user :md){ if(user.getStationNr().indexOf(data.getStationNr()) >= 0){ resultList.add(user); } } }else{ resultList = md; } //获取分页数据 int pageNumber = null!=data.getDangqian() ? Integer.parseInt(data.getDangqian()) : 0; int pageSize = null!=data.getFrist() ? Integer.parseInt(data.getFrist()) : 10; int start = (pageNumber) * pageSize;//计算开始记录数 int end = start+pageSize;//计算结束记录数 md= new ArrayList() ; for(int i=start;i map=new HashMap(); SimpleDateFormat sf=new SimpleDateFormat("yyyy-MM-dd"); //实现数据类型转换主要是日期类型转换成字符串 List list=new ArrayList<>(); for (int i = 0; i < md.size(); i++) { Mydate my=new Mydate(); my.setAlarmVoltage(md.get(i).getAlarmVoltage()); my.setBatteryElectricQty(md.get(i).getBatteryElectricQty()); my.setInstallDate(sf.format(md.get(i).getInstallDate())); //my(md.get(i))); my.setDeviceClass((md.get(i).getDeviceClass())); my.setLevelElevationAlarm((md.get(i).getLevelElevationAlarm())); my.setNewWellDbk(md.get(i).getNewWellDbk()); my.setOperationDate(sf.format(md.get(i).getOperationDate())); my.setReadoutFrequency(md.get(i).getReadoutFrequency()); my.setRemark(md.get(i).getRemark()); my.setReturenValueBln(md.get(i).getReturenValueBln()); /*my.setSendingcycle(md.get(i).getSendingcycle()); my.setSendingstarttime(md.get(i).getSendingstarttime());*/ my.setShowingBln(md.get(i).getShowingBln()); my.setSignalAlarm(md.get(i).getSignalAlarm()); my.setSimcardNr(md.get(i).getSimcardNr()); my.setStationNr(md.get(i).getStationNr()); my.setTransmittingFrequency(md.get(i).getTransmittingFrequency()); my.setUserId(md.get(i).getUserId()); my.setWaterTemperatureAlarm(md.get(i).getWaterTemperatureAlarm()); my.setWellDbk(md.get(i).getWellDbk()); my.setWorkingStatus(md.get(i).getWorkingStatus()); list.add(my); } map.put("total",resultList.size()); map.put("rows",list); //存入返回值中 result=JSONObject.fromObject(map); return result; }

3.action层

获取属性因为属性数据库列名不一样所以排序要进行修改列名 if(ordername==null){ data.setOrdername("STATION_NR"); } if(ordername!=null){ if(ordername.equals("deviceClass")){ data.setOrdername("DEVICE_CLASS"); } if(ordername.equals("stationNr")){ data.setOrdername("STATION_NR"); } if(ordername.equals("batteryElectricQty")){ data.setOrdername("BATTERY_ELECTRIC_QTY"); } if(ordername.equals("simcardNr")){ data.setOrdername("SIMCARD_NR"); } if(ordername.equals("wellDbk")){ data.setOrdername("WELL_DBK"); } if(ordername.equals("installDate")){ data.setOrdername("INSTALL_DATE"); } } result=tb_communication_device_tblservice.getTcdt(data); list=tB_MONITOR_WELL_TBLservice.getTmwt();//获取外键的值 Map map=ActionContext.getContext().getSession(); map.put("list",list);// map.put("offset2",offset); map.put("limit1",limit); return SUCCESS; }

js文件

查询方法 Array.prototype.indexOf = function(val) { for (var i = 0; i < this.length; i++) { if (this[i] == val) return i; } return -1; }; Array.prototype.remove = function(val) { var index = this.indexOf(val); if (index > -1) { this.splice(index,1); } }; //初始化Table oTableInit.Init = function () { $('#tb_departments').bootstrapTable({ url: 'tcdtaction',//请求后台的URL(*) method: 'get',//请求方式(*) toolbar: '#toolbar',//工具按钮用哪个容器 striped: false,//是否显示行间隔色 cache: false,//是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*) pagination: true,//是否显示分页(*) sortable: true,//是否启用排序 sortOrder: "asc",//排序方式 queryParams: oTableInit.queryParams,//传递参数(*) sidePagination: "server",//分页方式:client客户端分页,server服务端分页(*) pageNumber: 1,//初始化加载第一页,默认第一页 pageSize: 10,//每页的记录行数(*) pageList: [10,25,50,100],//可供选择的每页的行数(*) search: false,//是否显示表格搜索,此搜索是客户端搜索,不会进服务端,所以,个人感觉意义不大 strictSearch: false,//设置为 true启用 全匹配搜索,否则为模糊搜索 // showExport表示是否显示导出的按钮,exportDataType表示导出的模式是当前页、所有数据还是选中数据。 sortable:true,//设置为false 将禁止所有列的排序 searchOnEnterKey:true,//设置为 true时,按回车触发搜索方法,否则自动触发搜索方法 showColumns: true,//是否显示所有的列 showRefresh: true,//是否显示刷新按钮 showExport: true,//是否显示导出 showpaginationswitch:true,//是否显示 数据条数选择框 minimumCountColumns: 2,//最少允许的列数 clickToSelect: true,//是否启用点击选中行 height: 532,//行高,如果没有设置height属性,表格自动根据记录条数觉得表格高度 uniqueId: "id",//每一行的唯一标识,一般为主键列 showToggle: true,//是否显示详细视图和列表视图的切换按钮 cardView: false,//是否显示详细视图 detailView: true,//是否显示父子表 exportTypes: ['csv','txt','xml'],exportDataType: "basic",columns: [{ align: "center",checkBox: true },{ field: 'stationNr',title: '站号',align: "center",sortable: true,editable: true },{ field: 'deviceClass',title: '通讯设备类型',{ field: 'batteryElectricQty',title: '电池电量',{ field: 'simcardNr',title: 'SIM卡号',{ field: 'wellDbk',title: '统一编号',{ field: 'installDate',title: '安装日期',{ field: 'operate',title: '操作',editable: true,formatter:function(value,row,index){ var e = ' '; return e; } },],onCheckAll:function(rows){//全选中 var arr2=new Array(); var arr3=new Array(); arr2=$("#tb_departments").bootstrapTable('getSelections'); for (var i = 0; i < arr2.length; i++) { arr3=arr2[i] for(var s in arr3) arr.push(arr3.stationNr);//添加数值到数组\ } var n = []; //一个新的临时数组 for(var h = 0; h < arr.length; h++) //遍历当前数组 { //如果当前数组的第i已经保存进了临时数组,那么跳过, //否则把当前项push到临时数组里面 if (n.indexOf(arr[h]) == -1){ n.push(arr[h]); } } arr=n document.getElementById("ddd").value=arr; },onUncheckAll:function(rows){//全选不中 arr=[];//清空数组 document.getElementById("ddd").value=arr; },onUncheck:function(row){//不选中 stationNr2=row.stationNr; //取出id arr.remove(stationNr2); document.getElementById("ddd").value=arr; },onCheck:function(row){//选中 //alert("2") stationNr2=row.stationNr; //取出id arr.push(stationNr2);//添加数值到数组\ //去除重复元素 var s = arr.join(",")+","; for(var i=0;i-1) { arr.remove(arr[i]); document.getElementById("ddd").value=arr; break; } } document.getElementById("ddd").value=arr; },onClickRow:function(row,$element){ $('.success').removeClass('success'); $($element).addClass('success'); stationNr2=row.stationNr; arr.push(stationNr2);//添加数值到数组 //定义查询方法 Array.prototype.indexOf = function(val) { for (var i = 0; i < this.length; i++) { if (this[i] == val) return i; } return -1; }; Array.prototype.remove = function(val) { var index = this.indexOf(val); if (index > -1) { this.splice(index,1); } }; //去除重复元素 var s = arr.join(","; for(var i=0;i-1) { arr.remove(arr[i]); document.getElementById("ddd").value=arr; break; } } document.getElementById("ddd").value=arr; } }); }; //得到查询的参数 oTableInit.queryParams = function (params) { var temp = { //这里的键的名字和控制器的变量名必须一直,这边改动,action也需要改成一样的 limit: params.limit,//页面大小 offset: params.offset,//页码 order: params.order,ordername: params.sort,//返回排序列名 //pageSize: params.pageSize,//页面大小 //pageNumber: params.pageNumber,//页码 departmentname: $("#departmentname").val(),//返回查询条件 wells: $("#wells").val(),}; return temp; }; return oTableInit; }; var ButtonInit = function () { var oInit = new Object(); var postdata = {}; oInit.Init = function () { //初始化页面上面的按钮事件 }; return oInit; };

以上所述是小编给大家介绍的bootstrap table分页模板和获取表中的ID,对Get请求无效的问题。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/bootstrap/42678.html

猜你在找的Bootstrap相关文章