CheckBox複選框回顯

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 */