JavaScript 弹出窗体点击按钮返回选择数据的实现


Posted in Javascript onApril 01, 2010

首先是父页面的代码:

<head runat="server"> 
<title>无标题页</title> 
<%-- <script type="text/javascript"> 
function openDia() { 
var returned = window.showModalDialog("Default4.aspx?" + (new Date()), window); 
if (returned) { 
document.getElementById("ret").innerHTML = returned; 
} 
else { 
document.getElementById("ret").innerHTML = ""; 
} 
} 
</script> --%> 
<script type="text/javascript"> 
function openDia(){ 
var returned = window.showModalDialog("Default3.aspx?" + (new Date()), window); 
if (returned){ 
document.getElementById("tbtext").value = returned; 
} 
else{ 
document.getElementById("tbtext").value = ""; 
} 
} 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div id="ret"> 
<input id="tbtext" type="text" value="" onclick="openDia();return false;" /> 
</div> 
<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="openDia();return false;" /> 
<input id="Hidden1" type="hidden" runat="server" /> 
</form> 
</body> 
</html>

关于加上那个 (new Data()) 是要避免showModalDialog页面自动缓存的问题,导致第二次打开页面,数据没有被刷新,这是因为showModalDialog页面如果每次的URL一样的话,它会自动显示以前在缓存里面的数据。
接着是子页面Default3.aspx的代码:
<head runat="server"> 
<title>无标题页</title> 
<script type="text/javascript"> 
function getSelected(data) { 
var str = data; 
window.returnValue = str.toString(); 
window.close(); 
} 
</script> 
<base target="_self"/> 
</head> 
<body> 
<form id="form1" runat="server" target=""> 
<div> 
<asp:GridView ID="GridView1" runat="server" OnRowDataBound="GridView1_RowDataBound"> 
<Columns> 
<asp:TemplateField> 
<ItemTemplate> 
<asp:LinkButton id="lnkSelect2" runat="server" Text="Select" > </asp:LinkButton> 
</ItemTemplate> 
</asp:TemplateField> 
</Columns> 
</asp:GridView> 
 </div> 
</form> 
</body> 
</html>

Default3.aspx里面有一个gridview控件,数据绑定(自己去绑定,代码就不贴上来了)好后,就是选择自己需要的数据了。
Default3.aspx.cs:
[code]
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
LinkButton b = (LinkButton)e.Row.FindControl("lnkSelect2");
b.Attributes.Add("OnClick", "javascript:getSelected('" + e.Row.Cells[1].Text + "');");
}
}
[html]
其中Default3.aspx中<head></head>之间的<base target="_self"/>和<form target="">作用是可以避免子页面点击选择按钮后弹出第三个窗体。
例子就这样,具体还是要根据自己的需求s去体验和改进。
Javascript 相关文章推荐
国外Lightbox v2.03.3 最新版 下载
Oct 17 Javascript
禁止js文件缓存的代码
Apr 09 Javascript
jquery trim() 功能源代码
Feb 14 Javascript
基于jquery打造的百分比动态色彩条插件
Sep 19 Javascript
JS:window.onload的使用介绍
Nov 13 Javascript
javascript实现iframe框架延时加载的方法
Oct 30 Javascript
JavaScript如何实现在文本框(密码框)输入提示语
Dec 25 Javascript
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
Aug 25 Javascript
bootstrap下拉菜单使用方法解析
Jan 13 Javascript
微信小程序之获取当前位置经纬度以及地图显示详解
May 09 Javascript
javascript实现拖拽碰撞检测
Mar 12 Javascript
基于VUE实现简单的学生信息管理系统
Jan 13 Vue.js
js 实现打印网页中定义的部分内容的代码
Apr 01 #Javascript
js prototype截取字符串函数
Apr 01 #Javascript
javascript getElementsByClassName函数
Apr 01 #Javascript
JS getStyle获取最终样式函数代码
Apr 01 #Javascript
Javascript 通过json自动生成Dom的代码
Apr 01 #Javascript
JS中confirm,alert,prompt函数使用区别分析
Apr 01 #Javascript
JavaScript中实现块作用域的方法
Apr 01 #Javascript
You might like
如何在PHP中进行身份认证
2006/10/09 PHP
第九节--绑定
2006/11/16 PHP
批量修改RAR文件注释的php代码
2010/11/20 PHP
PHP基于XMLWriter操作xml的方法分析
2017/07/17 PHP
Extjs学习笔记之七 布局
2010/01/08 Javascript
jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)
2010/10/20 Javascript
基于Jquery实现的一个图片滚动切换
2012/06/21 Javascript
详解Javascript动态操作CSS
2014/12/08 Javascript
JavaScript版的TwoQueues缓存模型
2014/12/29 Javascript
javascript结合fileReader 实现上传图片
2015/01/30 Javascript
js实现格式化金额,字符,时间的方法
2015/02/26 Javascript
JavaScript脚本库编写的方法
2015/12/09 Javascript
JavaScript中的this到底是什么(一)
2015/12/09 Javascript
js实现关闭网页出现是否离开提示
2017/12/07 Javascript
微信小程序实现横向增长表格的方法
2018/07/24 Javascript
微信小程序实现收藏与取消收藏切换图片功能
2018/08/03 Javascript
vue组件从开发到发布的实现步骤
2018/11/11 Javascript
JS中数组实现代码(倒序遍历数组,数组连接字符串)
2019/12/29 Javascript
Javascript confirm多种使用方法解析
2020/09/25 Javascript
[01:08]DOTA2次级职业联赛 - Wings 战队宣传片
2014/12/01 DOTA
Python中的is和==比较两个对象的两种方法
2017/09/06 Python
python执行系统命令后获取返回值的几种方式集合
2018/05/12 Python
基于python3 OpenCV3实现静态图片人脸识别
2018/05/25 Python
浅谈Python大神都是这样处理XML文件的
2019/05/31 Python
python pandas获取csv指定行 列的操作方法
2019/07/12 Python
Python根据服务获取端口号的方法
2019/09/25 Python
python将字母转化为数字实例方法
2019/10/04 Python
tensorflow如何继续训练之前保存的模型实例
2020/01/21 Python
Pycharm内置终端及远程SSH工具的使用教程图文详解
2020/03/19 Python
KIKO比利时官网:意大利彩妆品牌
2017/07/23 全球购物
白血病募捐倡议书
2014/05/14 职场文书
导师就业推荐信范文
2014/05/22 职场文书
2014应届本科生自我评价
2014/09/13 职场文书
2014年基建工作总结
2014/12/12 职场文书
教师远程培训心得体会
2016/01/09 职场文书
自制短波长线天线频率预选器 - 成功消除B2K之流的镜像
2021/04/22 无线电