zoukankan      html  css  js  c++  java
  • 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",
            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 () {这里写得到返回值后需要执行的功能代码 }

  • 相关阅读:
    CSS多行文字垂直居中的两种方法
    CSS3 选择器——基本选择器
    页面添加锚点的三种方式
    css3动画特效:上下晃动的div
    CSS3图片倒影技术实现及原理
    标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转)
    JQuery中操作Css样式的方法
    22.从上往下打印二叉树 Java
    21.栈的压入、弹出序列 Java
    20.包含min函数的栈 Java
  • 原文地址:https://www.cnblogs.com/yibinboy/p/3210883.html
Copyright © 2011-2022 走看看