城东小巷分享 http://blog.sciencenet.cn/u/chengdong166

博文

lhgdialog简单实现弹出窗口

已有 7143 次阅读 2014-6-22 08:46 |个人分类:jQuery学习|系统分类:科研笔记| lhgdialog, 参数传值

   基于兴趣,最近忙于开发一套应用系统。个人水平和精力有限,借助lhgdialog实现了一个执行“编辑”操作弹出“修改系统用户信息的界面”。实现效果如下:


   在度娘的帮助之下找到了lhgdialog这个好东东,详情可查阅:http://www.lhgdialog.com/index.html。简单的生成对话框应用不用赘述,这里谈下页面传值实现。

1. 引用必须js

<script type="text/javascript" src="<%=root%>/Web/common/jquery-1.7.1.min.js"></script>

<script type="text/javascript" src="<%=root%>/Web/common/lhgdialog.js?self=true"></script>

注意:WebRootWebcommonskins

     Webcommonlhgdialog.js

你懂滴!

2. 父窗口生成对话框。



3. 子窗口调用接收父窗口传值。

   var api = frameElement.api,W = api.opener;

   window.onload = function() {

       // 从父页面接收值

       var id = api.data.id;

   }


api.button({

   id : "save",

   name : "保存",

   callback : function() {

       if (isSpace("prePassword")) {

           alert("旧密码不能为空.");

           return false;

       }

       if (isSpace("password")) {

           alert("新密码不能为空.");

           return false;

       }

   

       // 调用父页面方法

       // W.reloadGridData();


     }

   });

   api.button({

       id : "cancel",

       name : "取消"

   });





https://blog.sciencenet.cn/blog-448935-805490.html

上一篇:js资源整合
下一篇:No.1045 Access denied for user解决方法
收藏 IP: 116.207.203.*| 热度|

0

该博文允许注册用户评论 请点击登录 评论 (0 个评论)

数据加载中...

Archiver|手机版|科学网 ( 京ICP备07017567号-12 )

GMT+8, 2024-6-2 19:31

Powered by ScienceNet.cn

Copyright © 2007- 中国科学报社

返回顶部