Bootstrap模态框里再弹模态框

后端代码
点击编辑按钮将参数赋值隐藏 input 中 , 便于修改获取对应id
修改模态框
详情模态框

后端代码

/*** 财务审核使用详情** @param request* @param id* @return*/@RequestMapping(params = "getUseDatil")@ResponseBodypublic JSONArray getUseDatil(HttpServletRequest request, String id) {id = id.trim();User user = (User) request.getSession().getAttribute("user");String username = user.getUsername();if (StringUtils.isBlank(username)) {return null;//获取账户信息失败，需要重新登入}List<Map<String, Object>> dataMap1 = DBHelper.getInstance().getDataMap("SELECT order_no,coupon_no,airline FROM coupon_manage  WHERE id  = '" + id + "'");String order_no = dataMap1.get(0).get("order_no") + "";String couponNo = dataMap1.get(0).get("coupon_no") + "";String airline = dataMap1.get(0).get("airline") + "";JSONArray objects = new JSONArray();List<Map<String, Object>> dataMap = DBHelper.getInstance().getDataMap("SELECT  id,order_no,ticket_no,zf_price,zf_bz,cg_price,use_status  FROM   orderRecord3 WHERE refund_quan_order like '%" + order_no + "%' ");if (dataMap.size() > 0) {for (int i = 0; i < dataMap.size(); i++) {JSONObject jsonObject = new JSONObject();String id1 = dataMap.get(i).get("id") + "";String order_no1 = dataMap.get(i).get("order_no") + "";String ticket_no = dataMap.get(i).get("ticket_no") + "";String zf_price = dataMap.get(i).get("zf_price") + "";String zf_bz = dataMap.get(i).get("zf_bz") + "";String cg_price = dataMap.get(i).get("cg_price") + "";String use_status = dataMap.get(i).get("use_status") + "";if ("0".equals(use_status)){use_status = "未知";}if ("3".equals(use_status)){use_status = "部分使用(财务)";}if ("4".equals(use_status)){use_status = "已使用(财务)";}jsonObject.put("id1", id1);jsonObject.put("order_no", order_no1);jsonObject.put("ticket_no", ticket_no);jsonObject.put("zf_price", zf_price);jsonObject.put("zf_bz", zf_bz);jsonObject.put("cg_price", cg_price);jsonObject.put("use_status", use_status);objects.add(jsonObject);}}if ("ASIA".equals(airline)) {List<Map<String, Object>> dataMap2 = DBHelper.getInstance().getDataMap("SELECT  id,orderNo,ticket,original,cur,price,use_status  FROM   AutoPayLog WHERE cardNum like '%" + couponNo + "%' ");if (dataMap2.size() > 0) {for (int i = 0; i < dataMap2.size(); i++) {JSONObject jsonObject = new JSONObject();String id1 = dataMap2.get(i).get("id") + "";String orderNo = dataMap2.get(i).get("orderNo") + "";String ticket = dataMap2.get(i).get("ticket") + "";String original = dataMap2.get(i).get("original") + "";String cur = dataMap2.get(i).get("cur") + "";String price = dataMap2.get(i).get("price") + "";String use_status = dataMap2.get(i).get("use_status") + "";if ("0".equals(use_status)){use_status = "未知";}if ("3".equals(use_status)){use_status = "部分使用(财务)";}if ("4".equals(use_status)){use_status = "已使用(财务)";}jsonObject.put("id1", id1);jsonObject.put("order_no", orderNo);jsonObject.put("ticket_no", ticket);jsonObject.put("zf_price", original);jsonObject.put("zf_bz", cur);jsonObject.put("cg_price", price);jsonObject.put("use_status", use_status);objects.add(jsonObject);}}if (dataMap.size()==0&&dataMap2.size()==0){return objects;}}if (dataMap.size()==0&&!"ASIA".equals(airline)){return objects;}return objects;}/*** 财务审核* 状态转换** @param request* @param id* @param* @return*/@RequestMapping(params = "changeOneStatus", produces = "text/html; charset=utf-8")@ResponseBodypublic String changeOneStatus(HttpServletRequest request, String id, String id1, String status7) {id = id.trim();id1 = id1.trim();logger.info("id:"+id+"====>id1:"+id1+"=====>"+status7);User user = (User) request.getSession().getAttribute("user");String username = user.getUsername();if (StringUtils.isBlank(username)) {return "error, get user error ,please login again";//获取账户信息失败，需要重新登入}int quanxian = 0;if ("孙盼".equals(username)||"刘云".equals(username)||"张雅囡".equals(username)){quanxian = 1;}if (quanxian == 0){return "0";}/*  if (!exePerson.equals(username)) {return "error, 转换状态用户名字和锁定人必须一致";//如果转换状态的 用户名和锁单的用户名不一致，不可以转换状态}*/loglog(username, "扭转退回券管理状态", "扭转状态:" + request.getParameter("status7"));List<Map<String, Object>> dataMap1 = DBHelper.getInstance().getDataMap("SELECT order_no FROM coupon_manage  WHERE id  = '" + id + "'");String order_no = dataMap1.get(0).get("order_no") + "";List<Map<String, Object>> dataMap = DBHelper.getInstance().getDataMap("SELECT  id   FROM   orderRecord3 WHERE refund_quan_order like '%" + order_no + "%' AND id = "+id1+" ");int status = 0;if (request.getParameter("status7").equals("已使用(财务)")) {status = 4;String upsql = "";if (dataMap.size()>0){upsql = "update orderRecord3 set use_status = ? where id = ?";}else {upsql = "update AutoPayLog set use_status = ? where id = ?";}logger.info(username+upsql);int i = DBHelper.getInstance().updateSql(upsql, new Object[]{status, id1});if (i>0){String upcoupon = "update coupon_manage set is_use = ? where id = ?";DBHelper.getInstance().updateSql(upcoupon, new Object[]{status, id});insertInfoLog(id, username, "扭转为已使用(财务);id:" + id);return "success";}else {return "error";}}if (request.getParameter("status7").equals("部分使用(财务)")) {status = 3;String upsql = "";if (dataMap.size()>0){upsql = "update orderRecord3 set use_status = ? where id = ?";}else {upsql = "update AutoPayLog set use_status = ? where id = ?";}System.out.println(upsql);int i = DBHelper.getInstance().updateSql(upsql, new Object[]{status, id1});if (i>0){String upcoupon = "update coupon_manage set is_use = ? where id = ?";DBHelper.getInstance().updateSql(upcoupon, new Object[]{status, id});insertInfoLog(id, username, "扭转为部分使用(财务);id:" + id);return "success";}else {return "error";}}return "error 未获取到要扭转的状态";}

点击编辑按钮将参数赋值隐藏 input 中 , 便于修改获取对应id

 function setOneChange(id,id1) {$("#id7").val(id);$("#id8").val(id1);$("#myModal7").modal("show");}

修改模态框

<%--财务单条修改--%>
<div class="modal fade7" id="myModal7" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button><h4 class="modal-title">状态转换 </h4></div><form id="updateOneStatus" action="coupon.do?changeOneStatus" method="POST"><div class="modal-body"><input type="hidden" id="id7" name="id7" value=""/><input type="hidden" id="id8" name="id8" value=""/><div class="input-group"><span class="input-group-addon"style="font-size: 16px; width: 193px;text-align:left; ">状态:</span><select class="form-control" id="status7" name="status" list="status3list"><option value="已使用(财务)">已使用(财务)</option><option value="部分使用(财务)">部分使用(财务)</option><%--<option value="已退出">已退出</option>--%></select></div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">关闭</button><button type="button" class="btn btn-primary" onclick="setOneStatus()">确定转换</button></div></div></form></div><!-- /.modal-content --></div><!-- /.modal-dialog -->
</div><!-- /.modal --><%--财务单条修改--%>

详情模态框

<%--查看使用详情--%>
<div class="modal fade" id="myModal6" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button><h4 class="modal-title">使用详情 </h4></div><form id="updateuseStatus" action="" method="POST"><div class="modal-body"><table  id="act_table" border="1"></table><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">关闭</button><%--<button type="button" class="btn btn-primary" onclick="setStatus()">确定转换</button>--%></div></div></form></div><!-- /.modal-content --></div><!-- /.modal-dialog -->
</div><!-- /.modal --><%--查看使用详情--%>
```
bttton 按钮
```javascript
'<button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal6" οnclick="getUseDatil(\'' + row.id + '\')">使用详情</button>'
```解析后端返回的JaonArray 拼接标签写入  table
```javascript
//查看使用详情function getUseDatil(id) {$.ajax({dataType : "json",type: "POST",url: "coupon.do?getUseDatil",data: {"id": id},success: function (resMsg) {console.log(resMsg);var flag=false;for(var x in resMsg){flag=true;}if (!flag) {alert("没找到使用记录!!!");// window.location.reload();}if (resMsg == "0") {alert("没权限查看");// window.location.reload();}if (resMsg != "0" && resMsg != null) {//alert(resMsg);var list=new StringBuffer();//自定义的拼接字符串函数，高效。$.each(resMsg,function(i,actObj){//i表示循环的下标，actObj表示循环的对象，可自定义名字list.append("<tr>");list.append("<td>"+actObj.id1+"</td>");list.append("<td>"+actObj.order_no+"</td>");list.append("<td>"+actObj.ticket_no+"</td>");list.append("<td>"+actObj.zf_price+"</td>");list.append("<td>"+actObj.zf_bz+"</td>");list.append("<td>"+actObj.cg_price+"</td>");list.append("<td>"+actObj.use_status+"</td>");list.append("<td class='text-center'>");// list.append("<button class= 'btn btn-primary btn-sm' data-toggle= 'modal' data-target= '#myModal7' οnclick= 'setOneChange("+id+" ,"+actObj.id1+")'>状态转换</button>");//  list.append("<button class= 'btn btn-primary btn-sm' data-toggle= 'modal' data-target= '#myModal7' >状态wu转换</button>");list.append("<a href='javascript:;' class='btn btn-xs blue' οnclick=\"setOneChange('" + id + "','" + actObj.id1 + "')\" title='编辑'>编辑</a>");list.append("</td>");list.append("</tr>");});var head="<tr class='text-center'><td>编号</td><td>使用订单号</td><td>票号</td><td>使用金额</td><td>币种</td><td>折合人民币</td><td>使用状态</td><td>审核操作</td></tr>";$("#act_table").html(head+list.toString());}}, error: function (data) {alert(data);}});/*//$("#id6").val(id);*/}function StringBuffer() {this.__strings__ = new Array();}StringBuffer.prototype.append = function (str) {this.__strings__.push(str);return this;    //方便链式操作}StringBuffer.prototype.toString = function () {return this.__strings__.join("");}//查看使用详情
```

Bootstrap模态框里再弹模态框相关推荐

Linux程序实现弹框,jQuery实现弹出框效果绝对美观
使用到JQeury写的几个比较好的Popup DialogBox,觉得不错.和大家分享下.使用它们结合.net可以实现很好的效果. 1.jqpopup: 是个可以拖拽,缩放并可以在它上面显示html页 ...
组合框里添加复选框的方法
组合框可以看作是列表框和文本框的组合,因其占据的空间少,使用操作方便,常被界面设计人员用于界面开发设计中,在有限个输入的条件下,组合框常用来代替文本框,这样从用户使用角度来看,更趋人性化,所见即所得. ...
阻止window.onbeforeunload事件的弹出框或自定义弹出框
前引:网上很多关于window.onbeforeunload用来监听页面的意外退出或者关闭事件的用法但都会出现下面的弹出框.为此本博客提供方案使下面弹出框消失,但又能实现自己的相应业务功能. 在使用 ...
html弹出框教程,JavaScript 弹出框
JavaScript 弹出框在JavaScript中,您可以创建对话框或弹出窗口来与用户进行交互. JavaScript具有三种不同类型的弹出框:警告框,确认框和提示框. 警告框警告框是最简单的弹 ...
HTML复选框里添加下拉框,Html：实现带复选框的下拉框（一）
概述项目中要用到可多选的下拉框(select),发现HTML中无此控件,故手动模拟实现一下. 模拟所用元素:input,ul,li 代码模拟实现带复选框的下拉列表 body{ margin: 20 ...
bootstrap中轮播图、模态框、提示框/弹出框、滚动监听、弹性布局、响应式flex、多媒体对象
轮播图: bootstrap封装了轮播图的功能,其具体如下: 类名描述 .carousel 创建一个轮播图块的容器,实质是做布局用:且此容器应该有一个di属性,其属性值提供给下面左右按钮href锚点 ...
bootstrap 模态框弹出就消失了_Bootstrap 弹出框
Bootstrap 弹出框(Popover)插件弹出框(Popover)与工具提示(Tooltip)类似,提供了一个扩展的视图.如需激活弹出框,用户只需把鼠标悬停在元素上即可.弹出框的内容完全可使用 ...
html 原生弹出框,html、css和js原生写一个模态弹出框，顺便解决父元素半透明子元素不透明效果...
模态框: html部分: 弹出框 hhhhh 取消确认 css部分: #box{ width: 80px; height: 40px; background: #fd7430; border:non ...
Bootstrap中过渡效果（Transition）模态框插件的使用案例
通过使用模态框效果实现弹出框的登录效果: 效果图: <form id="formmodal" action="#"><h3>过渡效果(T ...

Bootstrap模态框里再弹模态框

Bootstrap模态框里再弹模态框

后端代码

点击编辑按钮将参数赋值隐藏 input 中 , 便于修改获取对应id

修改模态框

详情模态框

Bootstrap模态框里再弹模态框相关推荐

最新文章

热门文章

Bootstrap模态框里 再弹模态框

Bootstrap模态框里 再弹模态框

后端代码

点击编辑 按钮 将参数赋值隐藏 input 中 , 便于修改 获取对应id

修改模态框

详情模态框

Bootstrap模态框里 再弹模态框相关推荐

最新文章

热门文章

Bootstrap模态框里再弹模态框

Bootstrap模态框里再弹模态框

点击编辑按钮将参数赋值隐藏 input 中 , 便于修改获取对应id

Bootstrap模态框里再弹模态框相关推荐