`

在页面中,获得模态窗口返回的对象

 
阅读更多
今天在项目中,学到了新的知识点,当页面需要调用模态窗口时,需要返回对象,来填充页面上的值。



模态窗口时:
function returnVal(data){
   window.returnValue=data;//将对象赋给window返回值中.
   window.close();
}

<a:commandButton value="保存"  action="#{sharePersonHome.SaveGbPerson()}" data="#{sharePersons}"  oncomplete="returnVal(data)"/>    将对象赋给data属性,当保存结束,调用JS的关闭模态窗口

需要被填充的页面

function Showperson(PageHref,Title,Width,Height)
           {
            var data=window.showModalDialog(PageHref,Title,"edge=sunken;status=no;center=yes;dialogWidth="+Width+"px;dialogHeight="+Height+"px;"); 
            ${rich:element('cb')}.value=data.zwxm;
         ${rich:element('sfzhm')}.value=data.sfzhm;
         ${rich:element('xb')}.value=data.xb;
       ${rich:element('fwcs')}.value=data.fwcs;
}

注:data调用的属性,就是被传递的对象的属性。



      
分享到:
评论

相关推荐

    模态窗口demo及说明

    模态窗口是用户界面设计中的一个常见元素,它能够提供一种交互方式,使得用户在不离开当前页面的情况下完成某些特定任务或操作。本文将深入探讨如何使用JavaScript创建模态窗口,并通过具体的代码示例来解释各种相关...

    模态窗口页的传值模态窗口页的传值

    在网页开发中,模态窗口(Modal Window)是一种常见的用户界面设计模式,它可以在当前页面上弹出一个半透明的窗口,强制用户与其交互后才能继续操作主页面。这种设计通常用于确认操作、输入信息或者展示详细内容等...

    关于jsp网页设计的模态和非模态窗口

    在页面的 前加入可以防止在模态窗口中提交后新开一窗口。 调用父窗口的方法同时传递参数 可以使用 window.showModalDialog()方法传递参数,并调用父窗口的方法。 实践示例 可以使用以下代码来调用模态窗口并传递...

    模态窗口和非模态窗口

    在JavaScript编程中,模态窗口和非模态窗口是两种重要的交互方式,它们用于与用户进行更复杂的交互,提供信息或获取用户输入。模态窗口强制用户先处理该窗口,而不能与页面其他部分交互,直到关闭为止。非模态窗口则...

    HTML模态窗口

    2. **页面提交问题**:如果在模态窗口中进行页面提交,可能会导致意外的新窗口打开。为避免这种情况,可以在`&lt;head&gt;`标签内添加`&lt;base target="_self"&gt;`来确保链接在当前窗口中打开。 3. **实战应用**:通过创建两个...

    JS--的模态窗口应用

    JavaScript中的模态窗口和非模态窗口是网页交互中常用的功能,它们用于向用户展示信息、获取用户输入或执行特定任务。模态窗口会阻止用户与页面其他部分的交互,直到对话框关闭;而非模态窗口则允许用户在多个窗口间...

    js操作模态窗口及父子窗口间相互传值示例

    在现代网页设计中,模态窗口是一种常见且实用的界面元素,它能够以悬浮层的形式提供用户交互,而不会使用户离开当前页面。父子窗口间的相互传值是Web开发中经常遇到的一个需求,尤其当模态窗口被用作子窗口时。本文...

    弹出框选择 返回父页面值

    在这个场景中,B页面可能是通过模态窗口或一个新的浏览器窗口打开的,用户可以在其中进行选择。 要实现“返回父页面一个值”,我们通常会利用JavaScript及其相关库,如jQuery,来处理页面间的通信。以下是一些关键...

    js关闭模态窗口刷新父页面或跳转页面

    在本场景中,我们有两个窗口,A窗口作为父窗口,B窗口作为模态窗口。用户在A窗口中点击一个按钮后,会弹出B窗口供用户操作。操作完成后,我们希望B窗口能自动关闭,并且触发A窗口的刷新。 首先,我们来明确几个关键...

    主页与模态页间传值实例(实用)

    例如,当用户在模态窗口中提交表单时,后端控制器会接收到这些数据,进行验证、存储等操作,然后将操作结果以JSON或其他格式返回给前端。 "addBusiness.jsp"和"popupStockbill.jsp"是两个JSP页面,它们负责渲染前端...

    JS模态窗口返回值兼容问题的完美解决方法

    在编写网页时,模态窗口的使用非常普遍,尤其是在涉及数据处理和用户交互的场景中。模态窗口可以通过多种方式实现,其中使用JavaScript(JS)的showModalDialog方法是比较常见的一种。但是,由于不同浏览器的实现...

    关闭模态对话框,刷新父窗口,异步上传文件

    如果模态对话框是嵌入在一个框架或者弹出窗口中,可能需要对父窗口执行此操作。 结合上述内容,"关闭模态对话框,刷新父窗口,异步上传文件"的实现可能如下: 1. 用户触发文件上传,打开模态对话框。 2. 使用`...

    非模态对话框window.showModelessDialog简单示例

    非模态对话框在网页应用中是一个非常实用的设计元素,它允许用户在不关闭当前页面的情况下与一个独立的窗口进行交互。在JavaScript中,`window.showModelessDialog()`方法是实现这一功能的一种方式。这个方法可以...

    js 弹出页面+弹出窗口

    在JavaScript(JS)中,弹出页面和弹出窗口是两种常见的用户交互方式,它们能够提供额外的信息或者增强用户体验。本文将深入探讨如何利用JS实现这两种功能。 首先,"弹出页面"通常指的是在一个新浏览器窗口中打开一...

    改善传统WEB应用程序通信模式的两种方法研究.pdf

    模态窗口是一种在主窗口执行过程中启动新进程的方式,常见于IE4.0以上的浏览器。当客户端需要在不提交当前页面或不影响服务器主进程的情况下获取外部资源时,模态窗口能够提供一个独立的处理环境。通过调用`...

    jQuery实现模式窗口登录

    本文将详细介绍如何利用jQuery库来创建一个弹出式登录对话框,这种登录对话框通常被称为模态窗口。此方法适用于Internet Explorer(IE)和Firefox浏览器,并且可以很容易地适应其他现代浏览器。通过分析提供的代码...

    javascript中showModalDialog子页面值赋给父页面

    在JavaScript编程中,`showModalDialog`是一个古老但仍然有用的函数,用于打开一个新的浏览器窗口或对话框,并与父页面进行交互。这个功能在处理用户输入、显示信息或进行特定操作时非常有用。在这个场景中,我们...

    父子页面相互调用总结

    在父子页面交互中,可以通过`window.opener`对象访问父窗口,实现数据传递。例如,子页面可以修改父页面的某个变量或者调用父页面的函数。这种方式灵活且广泛适用,但需注意跨域安全问题。 `showModalDialog`与`...

    非模态属性表

    非模态属性表是一种在用户界面设计中常见的元素,它允许用户在不关闭当前窗口或应用的情况下访问和修改对象的属性。与模态对话框不同,模态对话框会阻止用户与应用程序的其他部分交互,直到对话框被处理,而非模态...

    弹出层关闭父页面刷新

    在网页开发中,有时我们需要实现一个功能:当一个弹出层(通常是模态窗口或对话框)被关闭时,能够自动刷新其父页面的内容。这个功能常见于数据编辑或者信息确认场景,用户在子窗口中完成操作后,返回父页面看到最新...

Global site tag (gtag.js) - Google Analytics