`

iframe assignRole

 
阅读更多

 

frame嵌套操作：点击按钮--》弹出对话框（嵌套iframe）--》取得iframe值，并保存在parent对象中，点击ok--》在原页面取得选中的值（回填）

test.jsp(button-->click)-->test1.jsp(iframe -->popup.jsp)  

test.jsp

 

[html] view plaincopy
  1. <%@ page language="java" contentType="text/html; charset=utf-8"  
  2.     pageEncoding="ISO-8859-1"%>  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  4. <html>  
  5. <head>  
  6. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">  
  7. <title>Insert title here</title>  
  8. <script type="text/javascript" src="js/jquery-1.7.1.js"></script>  
  9. <script type="text/javascript" src="js/test.js"></script>  
  10. </head>  
  11. <body>  
  12. username:<input name="username" type="text"> <input type="button" name="popup" onclick="javascript:getNames()">  
  13. <form method="post" action="/suite/EditUserAction.do" name="frmEditUser">  
  14.     <table>  
  15.       
  16.     <tr >  
  17.         <td width="20%" >* Assigned Roles</td>  
  18.         <td width="80%" colspan="3" >  
  19.             <input type="hidden" value="" name="defaultRoleID">  
  20.             <input type="text" style="display:none;" value="" name="forCheckChangeDefRole">  
  21.             <input type="hidden" value="" name="roleIds">  
  22.             <table width="100%">  
  23.                 <tbody>  
  24.                 <tr>  
  25.                     <td nowrap="" class="attributeContent" id="showRoleNames"></td>  
  26.                     <td width="100%" id="roleNamesButton">  
  27.                     <input type="button" onclick="javascript:getNames();" value="..." >  
  28.                     </td>  
  29.                 </tr>  
  30.             </tbody></table>  
  31.         </td>  
  32.     </tr>  
  33.     </table>  
  34. </form>  
  35. </body>  
  36. </html>  

test1.jsp

[html] view plaincopy
  1. <%@ page language="java" contentType="text/html; charset=utf-8"  
  2.     pageEncoding="utf-8"%>  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  4. <html>  
  5. <head>  
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  7. <title>Insert title here</title>  
  8. <script type="text/javascript" src="js/jquery-1.7.1.js"></script>  
  9. <script type="text/javascript" src="js/test.js"></script>  
  10. </head>  
  11. <body>  
  12. 用户名<input name="username" type="text"> <input type="button" name="popup">  
  13. <iframe width="100%" scrolling="auto" height="1000" frameborder="0"  name="assignRoleFrame" src="popup.jsp"></iframe>  
  14. </body>  
  15. </html>  

popup.jsp

 

[html] view plaincopy
  1. <%@ page language="java" contentType="text/html; charset=utf-8"  
  2.     pageEncoding="utf-8"%>  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  4. <html>  
  5. <head>  
  6. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">  
  7. <title>Insert title here</title>  
  8. </head>  
  9. <script language="javascript" src="js/open.js"> </script>  
  10. <body>  
  11. assignRoles:  
  12. <input type="text" name="username">  
  13.   
  14.   
  15. <form action="" name="main" method="post">  
  16. <input type="hidden" value="1000" name="companyID">  
  17. <table width="100%" cellspacing="1" cellpadding="0" border="0">  
  18.     <tbody><tr>  
  19.         <td width="100%" nowrap="" align="left" colspan="2" class="titleHeader">Assign Roles</td>  
  20.     </tr>  
  21.     <tr>  
  22.         <td width="50%" align="left" class="bodyBold"></td>  
  23.         <td width="50%" align="right">  
  24.             <input type="button" onclick="onClickOK();" value="OK" name="" class="button">  
  25.             <input type="button" onclick="javascript:top.close()" value="Close" name="" class="button">  
  26.         </td>  
  27.     </tr>  
  28.     <tr>  
  29.         <td height="2" colspan="2"></td>  
  30.     </tr>  
  31.     </tbody></table>  
  32. <table width="100%" cellspacing="0" cellpadding="0" border="0">  
  33.   <tbody>  
  34.     <tr class="listViewThS1">  
  35.         <th width="24%" align="center">Default Role</th>  
  36.   
  37.         <th width="76%">Assigned Roles</th>  
  38.     </tr>  
  39.        
  40.   
  41.     
  42.    <tr>  
  43.         <td align="center"><input type="radio" checked="" id="radio0" value="1000" onclick="selectRadioBox('0');" name="defaultRole" style="width:15;height:15"></td>  
  44.            <td nowrap="" class="bodyBold">  
  45.              
  46.              <img align="textTop" src="/suite/img/roles_t_spacer.gif">  
  47.                  
  48.            <input type="checkBox" disabled="" checked="" id="check0" value="1000" name="selectRoles" style="width:15;height:15">  
  49.            Company Administrator  
  50.             </td>  
  51.             <input type="hidden" id="roleName0" value="Company Administrator" name="roleName">  
  52.    </tr>  
  53.      
  54.     <tr>  
  55.     <td align="center"><input type="radio" id="radio1" value="1010" name="defaultRole" onclick="selectRadioBox('1');" style="width:15;height:15"></td><  
  56.     td nowrap="" class="bodyBold">  
  57.     <img align="textTop" src="/suite/img/roles_t_spacer.gif">  
  58.     <input type="checkBox" id="check1" value="1010" name="selectRoles" style="width:15;height:15">  
  59.     <input type="hidden" id="roleName1" value="dev" name="roleName">  
  60.     </td></tr>  
  61.     <tr><td align="center"><input type="radio" id="radio2" value="1011" name="defaultRole" onclick="selectRadioBox('2');" style="width:15;height:15"></td><td nowrap="" class="bodyBold">  
  62. <img align="textTop" src="/suite/img/roles_l_spacer.gif">  
  63. <input type="checkBox" id="check2" value="1011" name="selectRoles" style="width:15;height:15">  
  64. qa  
  65. <input type="hidden" id="roleName2" value="qa" name="roleName">  
  66. </td></tr>  
  67.   
  68. </tbody></table>  
  69. </form>  
  70. </body>  
  71. </html>  

test.js

 

 

[javascript] view plaincopy
  1. function getNames(){  
  2.     var properties = 'toolbar:no;menubar:no;scrollbars:no;resizable:no;dialogHeight:550px;dialogWidth:480px';  
  3.     var url = "/test/test1.jsp";  
  4.     var DialogArgument = new Object();  
  5.     DialogArgument["src"] = url;  
  6.     DialogArgument["title"] = "Assigned Roles";  
  7.     var oValue = showModalDialog(url, DialogArgument, properties);   
  8.     if(oValue!=null){  
  9.         $("input[name=defaultRoleID]").val(oValue.defaultRole);  
  10.         $("input[name=roleIds]").val(oValue.roleIds);  
  11.         $("input[name=username]").val(oValue.roleNames);  
  12.         var button=document.getElementById("roleNamesButton").innerHTML;  
  13.         document.getElementById("roleNamesButton").innerHTML=oValue.roleNames+button;  
  14.     }  
  15.     return true;   
  16. }  
  17.   
  18. function SaveObjParent(returnValue,obj){  
  19.     window.parent.returnValue=obj;  
  20. }  

open.js

 

 

[javascript] view plaincopy
  1. function selectRadioBox(id){  
  2.     document.getElementById("check"+id).checked=true;   
  3.     document.getElementById("check"+id).disabled=true;  
  4.     var checkbox=document.getElementsByName("selectRoles");  
  5.     for(var i=0;i<checkbox.length;i++){  
  6.         if(i!=id)  
  7.             checkbox[i].disabled=false;  
  8.     }  
  9. }  
  10. function onClickOK(){  
  11.     var returnRoles=new Object();  
  12.     var returnValue;  
  13.     var onSelectedRadio=document.getElementsByName("defaultRole");  
  14.     var selectRoleId=document.getElementsByName("selectRoles");  
  15.     var selectRoleName=document.getElementsByName("roleName");  
  16.     var roleIds="";  
  17.     var roleNames="";  
  18.     var defaultRoleID="";  
  19.     var j=0;  
  20.     for(var i=0;i<onSelectedRadio.length;i++){  
  21.         if(onSelectedRadio[i].checked){  
  22.             defaultRoleID=onSelectedRadio[i].value;  
  23.             roleIds=selectRoleId[i].value+roleIds;  
  24.             roleNames=selectRoleName[i].value+"(<font color='red'>Default</font>)"+roleNames;  
  25.         }  
  26.         else if(selectRoleId[i].checked){  
  27.                 roleIds=roleIds+","+selectRoleId[i].value;  
  28.                 roleNames=roleNames+","+selectRoleName[i].value;  
  29.         }  
  30.     }  
  31.     if(defaultRoleID==""){  
  32.         alert("Please select default role.");  
  33.         return;  
  34.     }  
  35.     returnRoles.defaultRole=defaultRoleID;  
  36.     returnRoles.roleIds=roleIds;  
  37.     returnRoles.roleNames=roleNames;  
  38.     var obj=returnRoles;  
  39.     window.parent.SaveObjParent(returnValue,obj);  
  40.     window.parent.close();  
  41. }  


分享到：
| BAT 批处理脚本 教程
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Laravel开发-rooles

    $user-&gt;assignRole($role); ``` 同样，权限也可以直接分配给用户或者通过角色间接赋予： ```php $user-&gt;givePermissionTo($permission); $user-&gt;assignRole($roleWithPermissions); ``` **6. 检查权限** 在控制器、...

    ios_assign，retain和copy详解

    在iOS开发中，Objective-C语言提供了@property关键字来声明属性，并且可以在属性声明时指定不同的内存管理行为，主要涉及到assign、retain和copy这三个关键字。为了深入理解这三者的区别，首先需要了解Objective-C的...

    对于Retain和Assign属性的理解

    这个模型中，`Retain`和`Assign`是两个重要的属性，它们决定了对象间的引用计数如何处理。本文将深入探讨这两个属性，以及它们在内存管理和对象生命周期中的作用。 首先，`Retain`属性是Objective-C中一种常见的...

    Phone assign

    设备适配辅助性脚本

    retain和copy还有assign的区别

    ### retain、copy与assign的区别详解 #### 一、前言 在Objective-C中，了解`retain`、`copy`和`assign`这三个属性对于管理内存至关重要。这些属性主要用于定义对象属性时，它们决定了如何处理对象的引用。本文将...

    assign2023.py

    assign2023.py

    Assign1.py

    Assign1.py

    Laravel开发-acl

    在Laravel中，用户模型通常继承自`Illuminate\Foundation\Auth\User`，可以通过`assignRole`方法将角色分配给用户： ```php $user = User::find(1); $user-&gt;assignRole('admin'); ``` **4. 检查权限** 在控制器或...

    Laravel开发-laravel-rbac

    可以使用 `hasPermissionTo` 和 `givePermissionTo` 方法检查并赋予用户权限，使用 `hadRole` 和 `assignRole` 方法检查并分配角色。 ```php if ($user-&gt;hasPermissionTo('edit-post')) { // 用户有权限编辑帖子 }...

    laravel-permission-mongodb：使用Laravel和MongoDB将用户与角色和权限相关联

    laravel-permission-mongodb 该软件包允许您管理数据库中的用户权限和...// Adding permissions via a role$ user -&gt; assignRole ( 'writer' );$ role -&gt; givePermissionTo ( 'edit articles' ); 如果您使用多个卫兵，

    Laravel开发-shinobi

    - **分配角色**：你可以使用 `assignRole()` 方法将角色分配给用户，如 `$user-&gt;assignRole('admin');` - **赋予权限**：通过 `givePermissionTo()` 方法给角色添加权限，如 `$role-&gt;givePermissionTo('edit-users')...

    object-assign_Objectassign_

    《深入理解JavaScript中的Object.assign与对象合并》 在JavaScript中，`Object.assign`是一个非常实用的方法，用于合并多个源对象的属性到一个目标对象中。这个功能在开发过程中经常被用到，特别是在处理数据合并、...

    Laravel开发-laravel-authz

    4. 分配角色给用户：使用`assignRole`方法，例如`$user-&gt;assignRole($role);` 5. 检查权限：在控制器或其他业务逻辑中，可以使用`can`或`hasPermissionTo`方法检查用户是否具有执行某操作的权限。 通过laravel-...

    前端开源库-es-object-assign

    **前端开源库-es-object-assign** 是一个针对JavaScript编程中的对象合并问题的开源库，它在ES2015（也称为ES6）环境中提供了一种友好的解决方案。在JavaScript中，对象是引用类型，因此直接复制对象时，只会复制...

    Learning to Assign Orientations to Feature Points

    "Learning to Assign Orientations to Feature Points"的研究工作聚焦于改进特征点方向的计算方法。传统的特征点方向分配通常基于局部梯度信息，例如SIFT（尺度不变特征变换）算法。然而，这种方法可能会受到噪声、...

    Assign6 solution.sql

    Assign6 solution.sql

    laravel-permission：将用户与角色和权限相关联

    将用户与权限和角色相关联 赞助 如果要快速向Laravel项目添加身份验证和授权，请随时通过查看Auth0的Laravel SDK和免费计划。 文档，安装和使用说明 有关详细的安装和使用...$ user -&gt; assignRole ( 'writer' ); $ ro

    Laravel开发-pencms-permission

    4. 分配角色：将角色分配给用户，可以使用`assignRole`方法，如`$user-&gt;assignRole('admin')`。 5. 分配权限：为角色分配权限，可以使用`givePermissionTo`方法，如`$role-&gt;givePermissionTo('edit articles')`。 ...

Magicbox
Global site tag (gtag.js) - Google Analytics