1 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 2 <%@ include file="/WEB-INF/views/include/taglib.jsp"%> 3 <%@taglib prefix="shiro" uri="http://shiro.apache.org/tags"%> 4 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 5 <html lang="en"> 6 <head> 7 <meta charset="UTF-8"> 8 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 9 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 10 <title></title> 11 </head> 12 <body> 13 <div class="list"> 14 <div class="public_title"> 15 <img src="${ctx}/statics/images/zjImages/biaoti.png" > 16 </div> 17 <form action="" class="about_form"> 18 <div class="about_item"> 19 <c:forEach items="${applicationTypeListList}" var="applicationTypeList"> 20 <div class="item_left" > 21 <img src="${ctx}/statics/images/zjImages/qiehuan.png" > 22 <div class="item_name"> 23 <span>${applicationTypeList.typename}</span> 24 </div> 25 </div> 26 <div class="item_right" data-id="${applicationTypeList.id}"> 27 <c:forEach items="${applicationTypeList.applicationInfoList}" var="applicationInfo"> 28 <c:if test=‘${applicationInfo.iscustomized==0}‘> 29 <div> 30 <input data-id="${applicationInfo.id}" <c:if test=‘${applicationInfo.userStataus==0}‘>checked</c:if> type="checkbox" name="hobby"/> 31 <label for="">${applicationInfo.applicationname}</label> 32 </div> 33 </c:if> 34 <c:if test=‘${applicationInfo.iscustomized==1}‘> 35 <div class="item_pul"> 36 <div> 37 <input data-id="${applicationInfo.id}" <c:if test=‘${applicationInfo.userStataus==0}‘>checked</c:if> type="checkbox" name="hobby"/>${applicationInfo.applicationname} 38 </div> 39 <i class="art">×</i> 40 </div> 41 </c:if> 42 </c:forEach> 43 <div class="item_plus"> 44 <img src="${ctx}/statics/images/zjImages/tianjia-0.png" > 45 </div> 46 </div> 47 </c:forEach> 48 </div> 49 <div class="item_buttom"> 50 <p> 51 <input type="button" value="取消" id="return"> 52 <input type="button" value="确定" id="save"> 53 </p> 54 </div> 55 </form> 56 </div> 57 <div id="bg"></div> 58 <div id="cont"> 59 <form class="layui-form" enctype="multipart/form-data" method="post"> 60 <div id="rec"> 61 <div class="rec_top"> 62 <!-- <a href="javascript:;">11</a> --> 63 <span id="colse">添加菜单</span> 64 </div> 65 <div class="layui-form-item rec_center"> 66 <label ><i class="reStar">*</i>应用名称:</label> 67 <input type="text" name="applicationname" placeholder="请输入应用名称" id="applicationname" autocomplete="off" maxlength="14" lay-verify="required" value="${applicationInfo.link}" style="height: 3.5vh;width: 15vw;" > 68 </div> 69 70 <div class="layui-form-item rec_center"> 71 <label ><i class="reStar">*</i>链接地址:</label> 72 <input type="text" name="link" placeholder="请输入链接地址" id="link" autocomplete="off" lay-verify="required|url" value="${applicationInfo.link}" style="height: 3.5vh;width: 15vw;" > 73 </div> 74 75 <input id="applicationtypeid" type="hidden" name="applicationtypeid" /> 76 <div class="rec_buttom"> 77 <button lay-submit="" lay-filter="saveForm">确认</button> 78 <button id="cancel">取消</button> 79 </div> 80 </div> 81 </form> 82 </div> 83 <script> 84 $(document).ready(function() { 85 //console.log(${applicationInfoListList}); 86 $(document).on(‘click‘,‘.art‘,function(){ 87 var data = {"id":$(this).prev().find("input").attr("data-id")}; 88 var items = $(this).parent(".item_pul"); 89 //console.log(data); 90 $.ajax({ 91 type:"post", 92 url:"${ctx}/applicationuser/delete", 93 data:data, 94 dataType:"json", 95 error: function(request) { 96 layer.msg("操作失败!",{icon: 5,time:2000}); 97 }, 98 success :function (result) { 99 if(result.code==0){ 100 items.remove(); 101 }else { 102 layer.msg(result.msg,{icon: 5,time:2000}); 103 } 104 } 105 }) 106 }) 107 $(‘#save‘).click(function() { 108 var data = []; 109 var i=0; 110 $("input[name=‘hobby‘]:checked").each(function(i){//把所有被选中的复选框的值存入数组 111 var field = {};//定义一个空数组 112 field.applicationsystemid =$(this).attr("data-id"); 113 field.applicationtypeid =$(this).parents(".item_right").attr("data-id"); 114 console.log(1,field.applicationtypeid); 115 data[i++]=field; 116 }); 117 console.log(data); 118 $.ajax({ 119 url: "${ctx}/applicationuser/save", 120 type: "POST", 121 contentType : ‘application/json;charset=utf-8‘, //设置请求头信息 122 dataType:"json", 123 data: JSON.stringify(data), //将Json对象序列化成Json字符串，JSON.stringify()原生态方法 124 success: function(result){ 125 console.log("保存页面显示应用",result); 126 if(result.code==0){ 127 window.location.href="${ctx}/applicationuser/list" 128 } 129 }, 130 error: function(res){ 131 layer.msg("操作失败!",{icon: 5,time:2000}); 132 } 133 }); 134 }) 135 $(‘#return‘).click(function() { 136 window.location.href="${ctx}/applicationuser/list"; 137 }) 138 }) 139 layui.use([‘element‘, ‘form‘, ‘upload‘], function() { 140 var element = layui.element, 141 $ = layui.jquery, 142 form = layui.form; 143 //确定 144 form.on(‘submit(saveForm)‘, function(data) { 145 console.log(data.field) 146 var applicationtypeidIteam = data.field.applicationtypeid; 147 var applicationname = data.field.applicationname; 148 $.ajax({ 149 type:"post", 150 url:"${ctx}/applicationuser/saveCustomizedApplication", 151 data:data.field, 152 dataType:"json", 153 error: function(request) { 154 layer.msg("操作失败!",{icon: 5,time:2000}); 155 }, 156 success :function (result) { 157 if(result.code==0){ 158 var id = result.id; 159 //console.log("id==="+id); 160 //console.log("保存自定义应用",result); 161 $(‘#bg‘).hide(); 162 $(‘#cont‘).hide(); 163 var html =""; 164 $(‘.item_plus‘).each(function(index,element){ 165 var applicationtypeid = $(this).parent(".item_right").attr("data-id") 166 if(applicationtypeid==applicationtypeidIteam){ 167 console.log(applicationtypeid) 168 html+=‘<div class="item_pul"><div><input data-id="‘+id+‘" checked type="checkbox" name="hobby"/>‘+applicationname+‘</div><i class="art">×</i></div>‘; 169 $(this).before(html); 170 } 171 }) 172 }else { 173 layer.msg(result.msg,{icon: 5,time:2000}); 174 } 175 } 176 }) 177 return false; 178 }) 179 }) 180 181 </script> 182 </body> 183 184 </html>
原文：https://www.cnblogs.com/yjava/p/11981115.html
