浮层 刷新 浮层关闭父窗口刷新

最新推荐文章于 2019-05-30 11:41:39 发布
最新推荐文章于 2019-05-30 11:41:39 发布
阅读量2.8k 收藏
点赞数
分类专栏： javasript css html 文章标签： url javascript button function date
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sweblish/article/details/6904469
版权

这篇文章解决的问题是：1.创建浮层 2.在浮层上操作完成后，浮层关闭，并且使原始页面刷新


demo的url: http://lhgcore.com/demo/demo.html


<script type="text/javascript" src="../js/jquery-1.5.js" charset="UTF-8"></script>
<script type="text/javascript" src="../component/lhgdialog/lhgcore.min.js"></script>
<script type="text/javascript" src="../component/lhgdialog/lhgdialog.min.js"></script>

<table style="">
                <tr>
                    <td>注册时间：</td><td><s:date name="bondAll.createTime"/></td>
                </tr>
                <tr>
                    <td>余额</td><td><s:property value="bondAll.money" /></td>
                </tr><tr>
                    <td><input type="button" value="充值 " οnclick="javascript:addValue('0');"></td>    
                    <td><input type="button" value="扣费" οnclick="javascript:dedValue('1');"></td>
                </tr><tr>
                </tr>
            </table>

<script>

function dedValue(e){
    alert(e);
    var url="./myweb/hello.action?val="+e;或者写成： var url="myweb/hello.action?val="+e;
    dlg =new J.dialog({ id: 'd2', title: '扣费操作', page:url,cover:true,width:400, height:300,top:'top',left:'center'});
    dlg.ShowDialog();
}

</script>

注意红色地方要有   ./   没有这个不能正常使用。

是路径问题。


2、方式二

在a.html中

<html><head></head><body>

welcome

<input type="button" id="btn25" value="扣费"/>

<script type="text/javscript">

function dedValue(e){
    var url="/b.html";
    //dlg =new J.dialog({ id: 'd2', title: '扣费操作', page:url,cover:true,width:400, height:300,top:'top',left:'center'});
    //dlg.ShowDialog();
    J('#btn25').dialog({ id:'test25', page:url });

</script>

}

</body></html>


在b.html中

<table><tr>

<td>hello world</td>

<td><input type="hidden" id="companyId" name="bond.companyId" value='<s:property value="entity.companyId"/>'/></td>

</tr></table>

<script type="text/javascript">
    var DG = frameElement.lhgDG;
    DG.addBtn( 'ok', '确定', ok );
    function ok()
    {
        // 这里写你要操作的代码，最后写刷新代码
        var data = $("#dedForm").serialize();
        if($("#amount").val()==""){
            alert("扣费金额不能为空");
            return;
        }
        $.ajax({
            type:"POST",
            url:"/bondBack/addBond.html",
            data:data,
            success:function(msg){
                alert("更新成功");
            }
        });
        DG.curWin.location.href="/bondBack/agentAndBond.html?entity.companyId="+$("#companyId").val();
    }
    //当调用窗口的页面被刷新，窗口就会自动关闭，所以不用调用程序的cancel关闭函数

</script>


最后要注意 不要忘了引人包


3.页面刷新


1)、DG.curWin.location.href="/bondBack/agentAndBond.html?entity.companyId="+$("#companyId").val();

2)、DG.curWin.location.reload();


Sweblish
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android浮层 弹出窗口demo
04-10
- 实例化浮层：在Java代码中通过`LayoutInflater`从XML加载布局，并将其添加到父视图中。 - 设置位置：使用`ViewGroup.LayoutParams`来调整浮层的位置，可以是屏幕中央、指定坐标或者相对于某个视图。 2. **弹出...
JS实现动态移动层及拖动浮层关闭的方法
10-24
主要介绍了JS实现动态移动层及拖动浮层关闭的方法,可实现动态拖动浮动窗口及关闭窗口的功能,非常具有实用价值,需要的朋友可以参考下
lhgdialog弹出框组件 参数详解(自己曾经开发的fuzz项目中用到过)
hello world！
04-08 1165
lhgdialog弹出框组件 参数详解鸣谢:http://blog.csdn.net/hurryjiang/article/details/7657623同文：http://wjch-111.iteye.com/blog/1612298lhgdialog基本使用方法 ：1.下载最新版本lhgdialog：http://lhgcore.com/lhgdialog.rar 2.在需要调用lhgdial...
Ext里dialog弹窗关闭与父窗口刷新问题总结
weixin_30608131的博客
11-01 492
1.弹出弹窗的js代码 var dlg = new J.dialog({ id: 'unDelTel', title:'缴费', page:encodeURI('<%=basePath%>pages/core/commonTable/payMoney.jsp?vcName='+vcName+'&mTotal='+mTotal+'&mUnreceive=...
lhgdialog学习
xwood
07-08 286
原文地址： [url]http://lhgcore.com/api/basic.html[/url] [url]http://lhgcore.com/api/api.html[/url] [b][size=large][color=cyan]一、lhgdialog基本使用方法[/color][/size][/b] 1.下载最新版本lhgdialog：[url]http://lhgco...
模式窗口刷新父页面
pkzhuclover
08-11 87
dialogArguments 为打开时传入的父页面window对象   dialogArguments.location.replace(dialogArguments.location);  
创意特效浮层flash动画
07-24
"创意特效浮层flash动画"是一个专为集团公司网站设计的广告动画，它结合了创新的设计理念和动态视觉效果，旨在增强用户体验。 Flash动画，作为此项目的核心技术，曾是互联网上广泛使用的动画制作工具。Adobe Flash...
IE7浮层遮挡问题探讨及解决
09-25
因此，解决浮层遮挡问题的方法是将浮层的父元素设置一个更高的`z-index`值。例如： ```css .parent-of-overlay { position: relative; /* 确保父元素有定位能力 */ z-index: 100; /* 设置较高的z-index值 */ } ....
PagerSlidingTabStrip浮层显示测试
02-08
PagerSlidingTabStrip浮层显示测试完全可以用，在实际项目中经常使用，安卓开发者可以直接下载使用喔 本来亲自测试可以使用 Demo中的PagerSlidingTabStrip是实现了固定的tab个数的方式 如果需要修改成不固定的可以...
JS刷新父窗口的几种方式
weixin_33994429的博客
10-18 256
浮层内嵌iframe及frame集合窗口，刷新父页面的多种方法&lt;script language=JavaScript&gt;      parent.location.reload();   &lt;/script&gt;  &lt;script language=JavaScript&gt;parent.location.reload();&lt;/script&gt;弹出子页面&lt;s...
关闭页面刷新上层页面的几种方式
任玉
05-30 3721
parent.location.reload();//使打开窗口的父窗口刷新，然后本子窗口关闭 window.location.reload();//刷新当前页面 parent.location.reload();//刷新父对象（用在框架） opene.location.reload();//刷新父窗口对象（用于单开的窗口） history.go(-1);//返回上一页，后退+刷新 h...
lhgdialog窗口的各种在线演示示例
热门推荐
feng2375的专栏
11-08 3万+
jQuery方式和普通函数式 jQuery方式调用 J(function(){ J('#btn1').dialog({ id:'test1', html:'我是jQuery方式调用的窗口' }); }); 普通函数方式调用 function opdg( id ){ var dg = new J.dialog({ id:id, html:'我是普通函数方式调用的
flutter怎么使用浮层
最新发布
04-01
Flutter中使用浮层可以通过Overlay Widget和OverlayEntry Widget来实现。 1. 创建Overlay Widget ``` final overlay = Overlay.of(context); ``` 2. 创建OverlayEntry Widget ``` final overlayEntry = OverlayEntry( builder: (BuildContext context) => Container( //浮层内容 ), ); ``` 3. 插入OverlayEntry Widget ``` overlay.insert(overlayEntry); ``` 4. 移除OverlayEntry Widget ``` overlayEntry.remove(); ``` 完整使用示例： ``` import 'package:flutter/material.dart'; class OverlayDemo extends StatefulWidget { @override _OverlayDemoState createState() => _OverlayDemoState(); } class _OverlayDemoState extends State<OverlayDemo> { OverlayEntry overlayEntry; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Overlay Demo'), ), body: Center( child: RaisedButton( child: Text('Show Overlay'), onPressed: () { final overlay = Overlay.of(context); overlayEntry = OverlayEntry( builder: (BuildContext context) => Container( color: Colors.black.withOpacity(0.5), child: Center( child: Text( 'This is an overlay', style: TextStyle( color: Colors.white, fontSize: 24.0, ), ), ), ), ); overlay.insert(overlayEntry); }, ), ), floatingActionButton: FloatingActionButton( child: Icon(Icons.clear), onPressed: () { overlayEntry.remove(); }, ), ); } } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值