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", 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: "选择试题",
800,
height: 550,
buttons: {},//这样的话,底部的按钮就不会出现啦
});
3、如何弹出提示框
$.jBox.tip('提示词', 'info', { focusId: '控件的ID' });
$.jBox.tip('提示词);
4、如何使模式窗体带返回值,在调用 $.jBox("iframe……, {}中加上 closed: function () {这里写得到返回值后需要执行的功能代码 }