CheckBox复选框回显,分两个部分查数据:html
其一: 查询全部复选框数据,拼接成复选框ajax
其二,根据查询实际场景id,查询复选框对应数据,json
设计循环嵌套逻辑进行复选框数据回显默认选中:app
1 //双击行事件 2 function onDblClickRow(rowIndex, rowData){ 3 4 //权限复选框置空 5 $('#permissionTd').html(""); 6 7 //打开修改窗口 8 $('#editWindow').window("open"); 9 10 //双击行普通数据回显 11 $("#editRoleForm").form("load",rowData); 12 13 14 15 /*权限复选框 --start */ 16 17 18 //1.权限复选框: 页面加载完成后,发送ajax请求,查询全部的权限数据,将数据转化为json,在页面中展现为复选框形式 19 20 //查询所有权限数据的ajax URL 21 var url = '${pageContext.request.contextPath}/permissionAction_findAll.action'; 22 23 //根据角色id查询对应权限数据的ajax URL 24 var urlRoleId = "${pageContext.request.contextPath}/permissionAction_findPermissionByRoleId.action" 25 26 $.post(url,{},function(data){ 27 28 //根据角色id查询查询对应权限ajax 29 $.post(urlRoleId,{"id" : rowData.id},function(showPermissionData){ 30 31 //1.查询所有权限的回调数据遍历 32 for(var i = 0;i<data.length;i++){ 33 34 //2.获取权限id 35 var id = data[i].id; 36 //alert(id); 37 //3.获取权限名称name 38 var name = data[i].name; 39 40 //4.获取权限多选框所在的位置,拼装权限的多选框选项 41 $('#permissionTd').append('<input type="checkbox" name="permissionIds" value="'+id+'" /> '+name); 42 43 44 //2.经过roleId查询权限的回调数据遍历 45 for(var j = 0;j<showPermissionData.length;j++){ 46 47 var pId= showPermissionData[j].id; 48 49 //alert("pId :"+pId); 50 51 if(pId==id){ 52 53 $('input:checkbox').eq(i).attr("checked",'true'); 54 55 continue;//结束本层本次循环 56 } 57 } 58 } 59 60 },'json'); 61 62 },'json'); 63 } 64 /*权限复选框 --end */