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>

注意：WebRoot\Web\common\skins

     Web\common\lhgdialog.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 : "取消"

   });