CheckBox復選框回顯,分兩個部分查數據:
其一: 查詢所有復選框數據,拼接成復選框
其二,根據查詢實際場景id,查詢復選框對應數據,
設計循環嵌套邏輯進行復選框數據回顯默認選中:
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 */