wbox /colorbox/ 弹窗页面向父窗体传值


一:jquery wbox ——轻量级的弹出窗口jQuery插件,压缩后仅仅3.65Kb,基于jQuery1.4.2开发,主要实

现弹出框的效果,并且加入了很多有趣的功能,比如callback函数,显示隐藏层,Ajax页面,iframe嵌入

页面(详细参考:http://www.js8.in/wbox/

$("#selectuser").wBox({
         iframeWH: { width: 800
            
         },
         requestType: "iframe", // 此例在iframe里面使用
         title: "选择司机",
         target: "url"
     });

二:从弹窗页面向父窗体传值,在a 标签注册 双击事件

<a href="javascript:void(0)" id="Driver.UserId" ondblclick="selectDriverName('$!

{Driver.UserId}','$!{Driver.username}')"> $!{Driver.username} </a>

<script type="text/javascript">
    function selectDriverName(uid,dname) {

    //将userid,驾驶员姓名传递到父窗体
        parent.jQuery("#UserId").val(uid);
        parent.jQuery("#DriverName").val(dname);

        parent.$("#wBox").contents().find('.wBox_close').click();

    }
</script>

 备注:关闭wbox 之前,将参数传递给父页面,可以通过parent.$("#pname").val($("#name").val()),如果是

新增的一个包括主键,需要后台先create 后,调用父页面的view里面的方法,将参数传递后,在拼接关

闭 wbox.

 

controler +View Code
 1  
2 controler:
3 HQLHelper.Create(coll);
4 string a = "parent.parent.GetFid('" + coll.C_ID.ToString() + "','" + coll.C_NAME + "');parent.$(\"#wBox\").contents().find('.wBox_close').click();";
5 JSHelper.Out(a);
6
7 view:
8 <script type="text/javascript">
9
10 //新增文件夹后返回 其id,和name 绑定到下拉列表
11 function GetFid(id, name)
12 {
13
14 $("#selectColl").append($("<option value="+id+" selected='selected'>" + name + "</option>"));
15
16 }
17

posted @ 2011-09-29 20:17  365lei  阅读(1470)  评论(0编辑  收藏  举报