- 浏览: 768360 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (573)
- Java基础 (76)
- C++基础 (5)
- hibernate (5)
- struts (4)
- spring (1)
- webservice (7)
- AjaX基础 (0)
- JS脚本 (53)
- 正则表达式 (5)
- html脚本 (30)
- 数据库基础 (54)
- 工作相关 (49)
- 其他 (30)
- Linux (9)
- web服务器 (17)
- JSP (13)
- eclipse (6)
- 面试题相关 (20)
- XML (3)
- Apache common (2)
- 生活 (35)
- VMware (1)
- log4j (9)
- BeanUtils (2)
- 设计模式 (3)
- UML (1)
- UNIX (1)
- ibats (5)
- GT-Grid (17)
- ABAP学习 (17)
- ABAP (35)
- ABAP--ALV (11)
- ABAP--WEBDIMPRO (0)
- abap-sample (1)
- BEMS (2)
- flex (33)
- GIS技术 (3)
最新评论
在Web开发中不免会遇到这种问题,在页面中单击按钮调用事件弹出一个对话框,然后选中对话框中的数据,并返回到当前页。
1、首先创建一个方法进行调用弹出框
function selectItem(obj){
var url="/ycportal/Item.jsp?url=contentblock.block.${requestmap.blockkey}.view.list.whseitem";
var str = window.showModalDialog(url,window,"status=off","dialogWidth=140px;dialogHeight=100px");
if (str!=undefined && str.length>0)
{
var dataRow = obj.parentElement.parentElement;
dataRow.cells[0].children[1].value = str[0][0];
dataRow.cells[1].children[0].value = str[0][1];
dataRow.cells[2].children[0].value = str[0][2];
dataRow.cells[3].children[0].value = 1;
}
}
解释:obj为本身对象,是个Button,该对象放在一个表格中,调用方式为:<button onclick="selectItem(this)" style="border:1px solid #59AFCD;background:#C0E8F4;" >选择商品</button>
定义变量str来接收弹出框的返回值
2、组织弹出框页面内容
<%@ page contentType="text/html;charset=gb2312" %>
<HTML>
<HEAD><TITLE>商品信息</TITLE></HEAD>
<BODY>
<script language="javascript">
var arr = new Array();
function addReturnData(selectArray){
if(selectArray!=null&&selectArray.length>0)
arr[arr.length]=selectArray;
}
function returnData(){
window.returnValue=arr;
window.close();
}
function getArray(){
return arr;
}
function addAndReturnData(selectArray){
if(selectArray!=null&&selectArray.length>0)
addReturnData(selectArray);
returnData();
}
</script>
<iframe scrolling="yes" id="login" frameBorder="0" src='<%="webpublish/"+request.getParameter("url")%>' height="520" width="504">
</iframe>
</BODY>
</HTML>
在弹出框页面利用一个Iframe来进行嵌套内容页面,这样可以使内容页面使用更加灵活,可以进行查询、添加、修改、删除操作而不会跳出弹出框外。
方法解释:首先定义一个数组进行组织内容页面的数据信息并进行返回。方法addReturnData(selectArray)用来向定义的数组中添加数据信息,returnData()方法用来进行返回数据信息,并关闭对话框。addAndReturnData(selectArray)方法是提供内容页面调用的方法,用来进行组织数据。
3、弹出对话框中内容页面的组织
function getItem(obj){
var arr = new Array();
var dataRow = obj.parentElement.parentElement;
arr[0] = dataRow.cells[0].children[1].value;
arr[1] = dataRow.cells[1].innerHTML;
arr[2] = dataRow.cells[2].innerHTML;
window.parent.addAndReturnData(arr);
window.close();
}
<tr align="center" height="20px">
<td><input type="radio" name="select" onClick="getItem(this)">
<input type="hidden" value="$!data.ITEM_ID"></td>
<td >$!data.ITEM_NAME</td>
<td >$!data.ITEM_CODE</td>
</tr>
方法getItem(obj)用来进行组织数据,并调用父窗体对象中的方法addAndReturnData(arr)用来进行传递数据信息。
1、首先创建一个方法进行调用弹出框
function selectItem(obj){
var url="/ycportal/Item.jsp?url=contentblock.block.${requestmap.blockkey}.view.list.whseitem";
var str = window.showModalDialog(url,window,"status=off","dialogWidth=140px;dialogHeight=100px");
if (str!=undefined && str.length>0)
{
var dataRow = obj.parentElement.parentElement;
dataRow.cells[0].children[1].value = str[0][0];
dataRow.cells[1].children[0].value = str[0][1];
dataRow.cells[2].children[0].value = str[0][2];
dataRow.cells[3].children[0].value = 1;
}
}
解释:obj为本身对象,是个Button,该对象放在一个表格中,调用方式为:<button onclick="selectItem(this)" style="border:1px solid #59AFCD;background:#C0E8F4;" >选择商品</button>
定义变量str来接收弹出框的返回值
2、组织弹出框页面内容
<%@ page contentType="text/html;charset=gb2312" %>
<HTML>
<HEAD><TITLE>商品信息</TITLE></HEAD>
<BODY>
<script language="javascript">
var arr = new Array();
function addReturnData(selectArray){
if(selectArray!=null&&selectArray.length>0)
arr[arr.length]=selectArray;
}
function returnData(){
window.returnValue=arr;
window.close();
}
function getArray(){
return arr;
}
function addAndReturnData(selectArray){
if(selectArray!=null&&selectArray.length>0)
addReturnData(selectArray);
returnData();
}
</script>
<iframe scrolling="yes" id="login" frameBorder="0" src='<%="webpublish/"+request.getParameter("url")%>' height="520" width="504">
</iframe>
</BODY>
</HTML>
在弹出框页面利用一个Iframe来进行嵌套内容页面,这样可以使内容页面使用更加灵活,可以进行查询、添加、修改、删除操作而不会跳出弹出框外。
方法解释:首先定义一个数组进行组织内容页面的数据信息并进行返回。方法addReturnData(selectArray)用来向定义的数组中添加数据信息,returnData()方法用来进行返回数据信息,并关闭对话框。addAndReturnData(selectArray)方法是提供内容页面调用的方法,用来进行组织数据。
3、弹出对话框中内容页面的组织
function getItem(obj){
var arr = new Array();
var dataRow = obj.parentElement.parentElement;
arr[0] = dataRow.cells[0].children[1].value;
arr[1] = dataRow.cells[1].innerHTML;
arr[2] = dataRow.cells[2].innerHTML;
window.parent.addAndReturnData(arr);
window.close();
}
<tr align="center" height="20px">
<td><input type="radio" name="select" onClick="getItem(this)">
<input type="hidden" value="$!data.ITEM_ID"></td>
<td >$!data.ITEM_NAME</td>
<td >$!data.ITEM_CODE</td>
</tr>
方法getItem(obj)用来进行组织数据,并调用父窗体对象中的方法addAndReturnData(arr)用来进行传递数据信息。
发表评论
-
10个 DIV+CSS 需要注意的问题
2010-01-11 16:34 8661. 检查HTML元素是否有拼 ... -
常用代码
2009-12-21 16:52 8691.IFRAM自动高度调用 //加入当前页 <ifram ... -
常用js函数
2009-12-15 10:58 10871 父子页面的值传递 两种方式: 1)在父页面可以 ... -
CSS下拉菜单
2009-11-11 11:57 1020<!DOCTYPE html PUBLIC " ... -
鼠标点按钮,把文本框里的值输入到表格,表格美化
2009-11-06 12:49 1123效果图:往文本框内输入文字,按按钮可以把文本框内的文字输入到上 ... -
可以拖动的表格
2009-11-06 12:46 942效果图:可以用鼠标拖动两个框到页面的任意位置 <html ... -
手动在页面添加值到下拉列表而不刷新的demo
2009-11-06 12:38 1057手动在页面添加值到下拉列表而不刷新的demo 在一个页面中有 ... -
javascript 参数传递 文本框
2009-11-06 12:25 2094javascript 参数传递 文本框 一,最简单的就是同一 ... -
js设置页面背景色,设置背景图片
2009-11-05 16:22 4967<!DOCTYPE HTML PUBLIC " ... -
css 表格 table
2009-11-05 16:17 579css 表格 table table{ border-c ... -
禁止网页上的鼠标,键盘事件
2009-11-05 12:32 888禁止鼠标右键 oncontextmenu='return fa ... -
JavaScript 函数
2009-11-04 15:52 741虽然 JavaScript 有很多用 ... -
在html文件引入其它html文件的几种方法
2009-11-04 15:49 856简介:在论坛中常常有网友问到,可以在一个html的文件当中读取 ... -
div浮动在select上
2009-11-04 15:47 1266<html> <head> <m ... -
CSS自动黄行
2009-10-30 10:23 943自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字 ... -
GIF进度条
2009-10-30 10:21 1664刚才看到javaeye的一个兄弟收集的进度条,很棒,所以收藏下 ... -
http错误代码含义
2009-10-28 12:34 1724<PRE class=java name="c ... -
Window.Open详解
2009-10-21 11:04 691Window.Open详解 一、window.open() ... -
javascript调用父窗口(父页面)的方法
2009-10-21 10:56 1736javascript调用父窗口(父页面)的方法 window. ... -
js窗口&提示大全
2009-10-21 10:52 629//-----------按钮提示框--- ...
相关推荐
写一个弹出框,绑定onclick事件是好像控制不了它的返回值。代码如下 function createBtn(){ for(var i = 0; i < _this.btn.length; i++){ var btn = document.createElement('span'); btn.id = 'btn_' + i; btn...
1. JavaScript 函数 `foo()` 可以弹出对话框提示当前选中的是第几个单选框。 2. 解析:首先,需要获取当前选中的单选框的索引,然后使用 `alert` 函数弹出对话框,显示相应的信息。 九、总结 本资源摘要信息涵盖了...
• 10.9.htm 鼠标感应 弹出警告框 • 10.10.htm 鼠标感应 渐显图片 • 10.11.htm 禁用鼠标右键 第11章(\第11章) • 11.1.htm 省略window的alert()方法 • 11.2....
• 10.9.htm 鼠标感应 弹出警告框 • 10.10.htm 鼠标感应 渐显图片 • 10.11.htm 禁用鼠标右键 第11章(\第11章) • 11.1.htm 省略window的alert()方法 • 11.2.htm 未...
弹出警告:alert(‘字符串’) 强调:1.js区分大小写 2.字符串单双引号不区分 [removed]标签:页面中专门集中编写JavaScript的区域 js的方法定义:function方法名([参数列表]){ 方法体 [return 返回值]...
功能:弹出一个警告框,在警告框内显示提示字符串文本。 4. confirm方法 语法格式: window.confirm(提示字符串) 功能:显示一个确认框,在确认框内显示提示字符串,当用户单击“确定”按钮 时该方法返回true,...
file_dialog_start_handler : file_dialog_start_function, 当文件选取对话框弹出前出发的事件处理函数 file_queued_handler : file_queued_function, file_queue_error_handler : file_queue_error_function...
知识点:在 JavaScript 中,window 对象的 open 方法用于打开一个新窗口,实现弹出窗口的效果。 9. 对于 Tomcat 下面的说法正确的是,Tomcat 在一台机器上可以运行多个。 答案:B 知识点:Tomcat 是一种流行的 ...
-Grid增加GetNoSelectionAlertInParentReference函数,用来表示没有选中任何一项时在父页面弹出对话框的JS代码。 -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,...
13.5 制作弹出菜单 256 13.6 网页切片 258 13.7 制作动画 261 本章小结 263 思考题 263 第14章 Flash 8概述 264 14.1 Flash 8的工作环境简介 264 14.1.1 初识Flash 8 264 14.1.2 文档选项卡 265 14.1.3 时间...
二、下面哪段javascript能弹出一个提示框?( ) A.document.alert(test) B.window.alert(test) C.document.alert('test ') D.window.alert('test ') 三、当鼠标放在一个链接上的css样式应该( )伪类来定义。 A.a:...
6、新建“外部组合框_关闭列表”关闭已经弹出的下拉列表。 7、修正“文件_下载”不能下载的BUG,感谢易友【@新手来学易】反馈。 8、删除“文本_到小写m”删除该汇编命令,出现不兼容。 9、修正“系统_取MAC地址”未...