jbox使用总结

jbox是一个不错的插件

当使用get打开新页面的时候，可以使用h.对像ID来获得对像ID的值

Js代码

?

js代码：

 

/**

* @description: test

* @author: BrinPage

* @date: 2012-09-03

* @return {TypeName}

*/

var Test = function(){

　　return{

　　　　test:function(){

　　　　　　var url = "http://localhost:8080/weblog/home/jboxtest";

　　　　　　var name = null;

　　　　　　var phone = null;

　　　　　　var address = null;

　　　　　　var desc = null;

　　　　　　$.jBox("get:http://localhost:8080/weblog/home/user.jsp",{

　　　　　　　　title:"AddUser",

　　　　　　　　width:650,

　　　　　　　　height:450,

　　　　　　　　buttons:{"提交":'ok',"取消":'cancel'},

　　　　　　　　buttonsFocus:'ok',

　　　　　　　　submit:function(v,h,f){

　　　　　　　　　　if(v == "ok"){

　　　　　　　　　　　　name = f.name;

　　　　　　　　　　　　phone = f.phone;

　　　　　　　　　　　　address = f.address;

　　　　　　　　　　　　desc = f.desc;

　　　　　　　　　　　　$.post(url,{"jBox.name":name,"jBox.phone":phone, "jBox.address":address, "jBox.desc":desc},function(data,status){

　　　　　　　　　　　　　　if("success" == status){

　　　　　　　　　　　　　　　　alert(status);

　　　　　　　　　　　　　　　　$.jBox.success("Data Transufal success!","success");

　　　　　　　　　　　　　　　　parent.location.reload();

　　　　　　　　　　　　　　}else{

　　　　　　　　　　　　　　　　$.jBox.error("Error Transufal", "Error");

　　　　　　　　　　　　　　　　return false;

　　　　　　　　　　　　　　}

　　　　　　　　　　　　});

　　　　　　　　　　}

　　　　　　　　　　if(v == "cancel"){

　　　　　　　　　　　　alert("已取消！");

　　　　　　　　　　　　return true;

　　　　　　　　　　}

　　　　　　　　}

　　　　　　});

　　　　}

　　}

}();

　　使用jbox Iframe打开新页面时，各页面的访问方法

不管打开多少个IFRME页，访问父页面方法：parent.window;

访问不同的子页面：parent.window.frames[i],说明:i为的打开子页的顺序，从1开始。这样就得到不同页面的DOM对像，可以访问里面的JS方法和值。如：parent.window.frames[i].show(),parent.window.frames[i].TT;

 

其它

1、在其弹出模式窗体后，脚本如何关闭窗体返回到父级页面

   window.parent.window.jBox.close();在脚本中直接调用就可以啦 

2、使模式窗体不带有关闭按钮

 $.jBox("iframe:/Question/ChooseQuestion.aspx?typename=" +  Choose, {
                    title: "选择试题",
                    width: 800,
                    height: 550,
                    buttons: {},//这样的话，底部的按钮就不会出现啦
                                  });

3、如何弹出提示框

$.jBox.tip('提示词', 'info', { focusId: '控件的ID' });

$.jBox.tip('提示词);

4、如何使模式窗体带返回值，在调用 $.jBox("iframe……, {}中加上 closed: function () {这里写得到返回值后需要执行的功能代码 }