弹出窗口及返回值的js代码
function searchFieldPage(){
var fieldResult = window.showModalDialog('<%=basePath%>bdmField/searchFieldPageForDmn.action?random='+Math.random(),'','dialogWidth=450px;dialogHeight=500px;status:no;resizable=yes;Minimize=yes;Maximize=yes');
if(fieldResult!=undefined){
document.getElementById("bdmDmnFieldCnName").value = fieldResult[0].fieldId;
document.getElementById("bdmDmnFieldId").value = fieldResult[0].fieldName;
document.getElementById("bdmDmnFieldCnName").value = fieldResult[0].fieldCnName;
document.getElementById("bdmDmn.odsDmnName").value = fieldResult[0].fieldName;
document.getElementById("bdmDmn.odsCdDmnName").value = fieldResult[0].fieldName+"_NAME";
document.getElementById("bdmDmn.edwDmnName").value = fieldResult[0].fieldCnName;
document.getElementById("bdmDmn.edwCdDmnName").value = fieldResult[0].fieldName+"_NAME";
}
}
弹出窗口的返回值对象定义及值积累
<script type="text/javascript">
function selectFieldInfo(){
var fieldIds = document.getElementsByName("fieldIds");
var fieldNames = document.getElementsByName("fieldNames");
var fieldCnNames = document.getElementsByName("fieldCnNames");
var fieldInfoList = new Array();
var fieldInfoIndex = 0;
if(fieldIds!=undefined){
var fieldId,fieldName,fieldCnName;
for(var i=0;i<fieldIds.length;i++){
if(fieldIds[i].checked){//选中的单选按钮
fieldId = fieldIds[i].value;
fieldName = fieldNames[i].value;
fieldCnName = fieldCnNames[i].value;
var fieldInfo = new FieldInfo(fieldId,fieldName,fieldCnName);
fieldInfoList[fieldInfoIndex] = fieldInfo;
fieldInfoIndex++;
}
}
}
if(fieldInfoIndex==0){
alert("请选中一个维度!");
return;
}
window.returnValue = fieldInfoList;
window.close();
}
function FieldInfo(fieldId,fieldName,fieldCnName){
this.fieldId = fieldId;
this.fieldName = fieldName;
this.fieldCnName = fieldCnName;
}
</script>
分享到:
相关推荐
### JS弹出窗口返回值详解 #### 一、前言 在前端开发中,经常会遇到需要弹出新窗口并从该窗口返回数据的情况。本文将详细介绍`window.opener`对象的使用方法及其应用场景,帮助开发者更好地理解如何实现弹窗与主...
总结来看,***中实现弹出窗口并获取返回值涉及到多个方面的知识,包括JavaScript函数的调用与返回值处理、***页面与控件的运用、以及后端代码的编写与执行。这些知识点的结合使用,使得开发人员能够创建出功能丰富且...
4. **从弹出窗口返回值** - 当用户在弹出窗口中进行操作后,可能需要将结果返回给父窗口。这通常通过JavaScript实现,比如使用`window.opener`对象来访问父窗口的变量或方法。 - 一个常见的做法是,当弹出窗口关闭...
根据给定的文件信息,我们可以总结出关于弹出窗口在网页设计中的应用及其实现方法的知识点,这些知识点涵盖了从基础的弹出窗口创建到更高级的定位、样式控制以及事件触发等方面的内容。 ### 一、基本弹出窗口的创建...
在ASP.NET开发中,弹出窗口是一个常见的需求,通常用于显示详细信息、用户确认操作或者进行多步骤交互。本篇文章将深入探讨如何使用JavaScript的`window.open()`方法在ASP.NET中实现这一功能,并讨论如何传递参数...
在上述代码片段中,我们看到了如何在父页面上通过按钮点击事件来触发弹出窗口,并且定义了一个函数showUnitDialog2来打开子窗口。子窗口通过showModalDialog方法打开,并在关闭时通过closeWin函数传递值给父窗口。 ...
总结来说,这个示例展示了如何使用JavaScript在弹出窗口和父窗口之间传递数据。主要涉及的技术点包括: 1. 使用`window.open`方法打开新窗口。 2. 使用`window.opener`属性访问父窗口的DOM元素。 3. 遍历和操作复选...
在Web开发过程中,经常会遇到需要使用弹出窗口显示额外信息或进行特定操作的情况。`showModalDialog` 是一个非常实用的功能,允许创建模态对话框(即用户必须与之交互才能继续使用页面其他部分的窗口)。然而,在...
在父窗口与子窗口的交互中,通常涉及到两种情况:弹出子窗口和处理子窗口的关闭事件。以下是一种常见的实现方式: 1. **创建子窗口**:在父窗口的ASP页面中,使用JavaScript的`window.open()`方法打开一个新的窗口...
Web弹出窗口对话框是一种用于Web开发中常用的技术,主要用于在浏览器上展示额外的信息、执行任务或收集用户输入。这些弹出窗口可以被分为两种类型:模态对话框(Modal Dialog)和无模态对话框(Modeless Dialog)。...
在网页开发中,JavaScript 提供了多种用于创建弹出窗口的方法。这些方法可以帮助开发者在不离开当前页面的情况下展示额外的信息或进行用户交互。本文将详细介绍 `window.open`, `window.alert`, `window.confirm`, `...
这个功能在开发过程中经常用于创建弹出式表单、确认对话框或者需要用户输入信息的场景。让我们深入探讨一下`showModalDialog`的使用方法及其相关知识点。 首先,`showModalDialog`的基本语法如下: ```javascript ...
本文将全面解析弹出窗口的实现机制,重点探讨JavaScript中的`window.open`方法及其参数配置,以及如何利用`iframe`和`div`等HTML元素来增强弹窗的功能性和用户体验。 #### `window.open`方法详解 `window.open`是...
这里的`index`是弹窗的索引,`callbackdata`是我们在弹出层内部定义的函数,用于返回数据。 在弹出层的HTML页面中,我们需要定义`callbackdata`函数,如下所示: ```html <script type="text/javascript"> var ...
在ASP.NET开发中,"NET弹出层弹出div"是一种常见的交互设计,它允许用户在不离开当前页面的情况下与一些额外的信息或功能进行交互。弹出层通常用于显示详细信息、表单输入、警告消息等,提高了用户体验,因为它们不...
虽然`window.open`方法在创建弹出窗口方面表现良好,但`window.showModalDialog`方法提供了更加强大且直观的对话框体验,特别是在需要阻止用户与主页面交互直到对话框被关闭的情况下。该方法同样接受多个参数,包括...
CSS用于定义弹出框的样式和位置,使其居中并添加关闭按钮。 总结,`popup`弹出框在网页交互中扮演着重要角色,通过JavaScript可以实现丰富多样的弹出效果,同时要注意设计原则以提供良好的用户体验。无论是内置的...
在JavaScript中,弹出子窗口并传递值给父窗口是一个常见的需求,特别是在构建交互式的Web应用时。这个过程可以通过使用`window.open()`或`window.showModalDialog()`函数来实现。让我们详细了解一下这两个方法以及...
除了基本的弹出框,我们还可以通过自定义HTML元素和CSS样式来创建更加复杂的弹出窗口,如模态框(modal)。模态框通常包含一个背景遮罩层和一个在前景展示的框体,用于显示详细信息或进行交互操作。Bootstrap、...