您的位置: 首页  >  IT文章  >  弹出的模态窗口如何访问父窗口的变量？

弹出的模态窗口如何访问父窗口的变量？

分类: IT文章 • 2022-04-07 21:35:22

场景描述：父页面有个列表，选中一行就弹出一个模态窗口，根据不同的操作，父页面将刚点过的行 的按钮变灰。

父页面：

<head　runat="server">
<script　language="javascript"　type="text/javascript">
　　　　 var　clearData;
　　　　　　　　 var　tmpControllerId;　//用于存储当前点击的行号
　　　　　　　　 //　弹出明细窗口
　　　　　　　　 function　ShowDetail(url,　id)　{
　　　　　　　　　　　　 var　title　=　"工时审批";
　　　　　　　　　　　　 var　reValue　=　ShowWindow(url,　1000,　700,　0,　title);　　// 弹出模态窗口
　　　　　　　　　　　　 //　去掉变灰功能
　　　　　　　　　　　　 tmpControllerId　=　id;
　　　　　　　　 }
</script>
</head>
<body>
<form>
....
<asp:HiddenField　runat="server"　ID="hidCheckBoxId"　Value=""　/>　//隐藏域用于保存之 前选中的行
<script　language="javascript"　type="text/javascript">
　　　　　　　　 var　idS　=　document.getElementById("hidCheckBoxId").value;
　　　　　　　　 //　clearData　没定义或为false表示审批未通过，就不用变灰
　　　　　　　　 if　(clearData　==　undefined　||　!clearData)　{
　　　　　　　　　　　　 idS　=　idS.replace(tmpControllerId,　"");
　　　　　　　　　　　　 idS　=　idS.substr(0,　idS.length　-　1);
　　　　　　　　 }

　　　　　　　　 if　(idS　!=　undefined　&&　idS　!=　"")　{
　　　　　　　　　　　　 var　arrId　=　idS.split(';');
　　　　　　　　　　　　 for(var　i　=　0;　i　<　arrId.length;　i++)　{
　　　　　　　　　　　　　　　　 if　(arrId[i]　==　"")　{
　　　　　　　　　　　　　　　　　　　　 continue;
　　　　　　　　　　　　　　　　 }

　　　　　　　　　　　　　　　　 var　objBox　=　document.getElementById(arrId[i]);
　　　　　　　　　　　　　　　　 objBox.disabled　=　"disabled";
　　　　　　　　　　　　　　　　 var　objBtnId　=　arrId[i].replace("chkSelect", 　"lbtnApprove")
　　　　　　　　　　　　　　　　 var　objBtn　=　document.getElementById(objBtnId);
　　　　　　　　　　　　　　　　 objBtn.disabled　=　"disabled";
　　　　　　　　　　　　　　　　 objBtn.onclick　=　function()　{　return　false;　}
　　　　　　　　　　　　 }
　　　　　　　　 }
　　　　　　　　 document.getElementById("hidCheckBoxId").value　=　idS;
　　　　 </script>
　　　　 </form>
</body>

子页面：

<head　runat="server">
　　　　 <script　language="javascript"　type="text/javascript">
　　　　　　　　 function　ControlParentController(result)　{
　　　　　　　　　　　　 window.dialogArguments[2].clearData　=　result;
　　　　　　　　　　　　 }
　　　　 </script>
</head>
...

子页面根据用户不同的操作，就给父页面的clearData 赋值，父页面在根据clearData 的值决定是否 需要将刚选的行的按钮变灰。

弹出模态窗口的方法：

//　参数分别为：文件URL,　宽度，　高度，　是否有滚动条(还可以改变大写)
//　此函数解决了模式对话框中打开的窗口提交时弹出新页面的问题，使用到了ModelDialogFrame.htm 文件
function　ShowWindow(szUrl,iWidth,iHeight,bScroll,　szTitle){
　 if　(iWidth　==　null)　iWidth　=　0.95;
　 if　(iHeight　==　null)　iHeight　=　0.7;

　 var　width,height;

　 if　(iWidth>1)
　 {
　　 width　=　iWidth;
　　 height　=　iHeight;
　 }
　 else
　 {
　　 width　=　screen.availWidth　*　iWidth;
　　 height　=　screen.availHeight　*　iHeight;
　 }
　 var　feature　=　"dialogHeight:　"　+　height　+　"px;　dialogWidth:　"　+　width　+ 　"px;　dialogTop:　px;　dialogLeft:　px;　edge:　Sunken;　center:　Yes;　help:　No;　 scroll:auto;";
　 if　(bScroll　==　1　)
　 {
　　　　　 feature　+=　"resizable:　Yes;　　status:　Yes;";
　 }
　 else
　 {
　　　　　 feature　+=　"resizable:　No;　　status:　No;";
　 }
　 var　r　=　Math.random()　+　Math.random();
　 var　frameUrl　=　"/WorkCost/js/ModalDialogFrame.htm?r="　+　r;
　 var　args　=　new　Array(szUrl,　szTitle,　window);
　 return　window.showModalDialog(frameUrl,　args,　feature);
}

ModelDialogFrame.htm 源码：

<!DOCTYPE　HTML　PUBLIC　"-//W3C//DTD　HTML　4.0　Transitional//EN">
<html>
　　　　 <head>

　　　　　　　　 <meta　name="GENERATOR"　content="Microsoft　Visual　Studio　.NET　7.1">
　　　　　　　　 <meta　name="ProgId"　content="VisualStudio.HTML">
　　　　　　　　 <meta　name="Originator"　content="Microsoft　Visual　Studio　.NET　7.1">

　　　　 </head>
　　　　 <body>
　　　　 <iframe　id="myframe"　src=""　width="100%"　height="100%"　 FRAMEBORDER="0"></iframe>
　　　　 </body>
　　　　 <script　language=javascript>
<!--
if　(　window.dialogArguments[0]　!=　undefined　)
{
　　　　 document.getElementById('myframe').src=window.dialogArguments[0];
　 document.title=　window.dialogArguments[1];
}
else
{
　 document.getElementById('myframe').src=window.dialogArguments;
}
//-->
</script>
</html>

相关推荐