window.showModalDialog在.net中封窗口传数据方法
发布时间：2018-09-11 编辑：jiaochengji.com
教程集为您提供window.showModalDialog在.net中封窗口传数据方法等资源，欢迎您收藏本站，我们将为您提供最新的window.showModalDialog在.net中封窗口传数据方法资源
这是一篇增强型window.showModalDialog弹出模态窗口数据传递高度封装实验 的文章有需要的朋友参考一下。
以上这个情景完全虚构，或者上边这一段文字在系统设计当中有问题。此刻，我们可以忽略掉。本文重点不再系统设计是否合理。
直接上图：效果图大致如下：
现在是需求是这样的：当网编点击超链接“选择的时候”，我们会有一个模态弹窗蹦出来让网编去选择某个数据。（当然这里可以用JS控制弹出DIV来实现，也不在本文讨论范畴！）
以上情况是，姓名直到体重5个内容 ，网编可以去输入（如果网编想偷懒，也可以点击选择按钮），也可以选择。当在弹出的模态窗体中任意一行数据上鼠标点击的时候。返回这一行的数据。并且赋值给页面中的文本框。
这种效果想想很容易实现，不过鉴于本人技术有限，以前实现类似功能只能返回一个数据。实现代码如下：
<pre><span>//超连接ID为 div , 点击超链接后调用本JS函数弹出datalist.selectEmployee">选择</a<span>> </</span>div<span>> </</span>form<span>> </</span>body></pre> 一用jquery库，我用的是1.6.2</pre> <pre><table width="620" align="center" border="0" cellpadding="1" cellspacing="1" style="background:#FB7"> <tr> <td width="464" height="27" bgcolor="#FFE7CE"> 代码如下</td> <td width="109" align="center" bgcolor="#FFE7CE" style="cursor:pointer;" onclick="doCopy('copy1814')">复制代码</td> </tr> <tr> <td height="auto" colspan="2" valign="top" bgcolor="#FFFFFF" style="padding:10px;" class="copyclass" id=copy1814><pre><script src="../Script/jquery-1.6.2.min.js" type="text/javascript"></script></pre> js调用代码也很简单：</pre> <pre><table width="620" align="center" border="0" cellpadding="1" cellspacing="1" style="background:#FB7"> <tr> <td width="464" height="27" bgcolor="#FFE7CE"> 代码如下</td> <td width="109" align="center" bgcolor="#FFE7CE" style="cursor:pointer;" onclick="doCopy('copy7865')">复制代码</td> </tr> <tr> <td height="auto" colspan="2" valign="top" bgcolor="#FFFFFF" style="padding:10px;" class="copyclass" id=copy7865><pre><script language="javascript" type<span>="text/javascript"> </span><span>//声明集合， .后边的关键字名称必须和弹窗页面返回的json 名称一致 //声明一个文本框集合。 </span>var controls = {}; controls.name = "<%=txtName.ClientID %>"; controls.sex = <span>"<%=txtSex.ClientID %>" </span>controls.age = <span>"<%=txtAge.ClientID %>" </span>new ChooseDataFromUrl("selectEmployee", controls, "showlist.aspx", "选择员工",500,800); new ChooseDataFromUrl("<%=txtName.ClientID %>", controls, "showlist.aspx", "选择员工", 800, 500); </script></pre> 以上实现了2中触发ChooseDataFromUrl的事件。第一是点击“选择”超链接触发，另外一种是点击第一个，也就是“姓名”文本框触发。当然也可以在文本框旁边放个 小图标来触发咯。</pre>您可能感兴趣的文章：
window.showModalDialog在.net中封窗口传数据方法
解析jquery获取父窗口的元素
Window.ShowModalDialog使用手册大全
window.showModalDialog与window.open用法介绍
JS父子窗口相互取值与赋值的方法参考
如何点击按钮弹出新窗口，输入数据后返回并刷新页面？
js自动刷新页面代码汇总
jquery showModelDialog用法举例
jquery showModelDialog的使用方法示例详解
javascript父子窗口传递参数的实例代码
上一篇：ajax之aspx或ashx页面里进行多次使用
下一篇：正则表达式入门篇
[关闭]