jbox使用总结

时间:2022-03-19 16:48:14

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 () {这里写得到返回值后需要执行的功能代码 }