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

jbox使用总结的更多相关文章

  1. jbox演示30种不同的调用方法

     在线预览 插件说明 - jbox 是一款基于 jQuery 的多功能对话框插件,能够实现网站的整体风格效果,给用户一个新的视觉享受. 运行环境 - 兼容 IE6+.Firefox.Chrome.Sa ...

  2. JBox - 模态窗口,工具提示和消息 jQuery 插件

    jBox 是一个强大而灵活的 jQuery 插件,可以帮助实现模态窗口,工具提示,通知和更多的功能.你可以使用 jQuery 选择器轻松地添加工具提示效果到元素上,您可以以同样的方式设置模态窗口.该库 ...

  3. jBox使用记录

    1.不显示底部按钮,可以将buttons设置为buttons:{} 例:$.jBox.open("iframe:http://www.baidu.com", "百度一下& ...

  4. 模态窗口插件之Jbox

    $.jBox.tip("报损数量不能大于库存数!", 'error'); $.jBox.tip("请选择要报损的产品", "warn"); ...

  5. (转)json+flexgrid+jbox组合运用页面刷新<jsp>

    插件效果 1.JSP页面 1 <%@ page language="java" contentType="text/html; charset=UTF-8" ...

  6. jBox 弹出窗口中焦点设置问题

    jBox  是一个不错的组件库,可以用来比较简单地弹出窗口. 我希望在 jBox 弹出窗口之后,自动将焦点设置到子窗口的某个输入框中,可是发现并不容易. 在 jBox 2.3 中,提供了如下的增强. ...

  7. jBox使用方法

    1.引入jquery文件 2.引入css和jBox文件 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml& ...

  8. 弹出框JBox实例

    前几天做的考试系统的一些后台弹出框的一些模板.主要是因为普通的弹出框样式不是很好,颜色也不能调换.这里我们用的是JBox,还是从师傅那得知的.自己小实验了下,这里就做个小结. JBox 插件说明 - ...

  9. 关于使用 jBox 对话框的提交问题

    http://www.cnblogs.com/haogj/archive/2012/11/04/2754303.html 关于使用 jBox 对话框的提交问题 jBox 是个不错的对话框组件. 在 A ...

随机推荐

  1. C Primer Plus_第四章_字符串和格式化输入输出_编程练习

    Practice 1.输入名字和姓氏,以"名字,姓氏"的格式输出打印. #include int main(void) { char name[20]; char family[2 ...

  2. 【leetcode】Minimum Depth of Binary Tree (easy)

    Given a binary tree, find its minimum depth. The minimum depth is the number of nodes along the shor ...

  3. 【opencv】图片标注文字

    IplImage* pstImg; HI_CHAR as8Title[25];CvFont stTimeFont;//字体信息cvInitFont(&stTimeFont,CV_FONT_HE ...

  4. 【HTTP】WireShark中获取Content-Encoding: gzip时的响应内容

    GZIP格式 详见:http://blog.csdn.net/jison_r_wang/article/details/52068607 表述的很清楚 关键:GZIP头以0x1F8B开始 用WireS ...

  5. [Android Pro] Test win

    http://www.cnblogs.com/mayingbao/ http://www.cnblogs.com/hyddd/

  6. 不同版本CUDA编程的问题

    1 无法装上CUDA的toolkit 卸载所有的NVIDIA相关的app,包括NVIDIA的显卡驱动,然后重装. 2之前的文件打不开,one or more projects in the solut ...

  7. eclipse maven新建springMVC项目(原创)

    1.配置eclipse maven 2.新建maven项目 3.新建src/main/java,更新pom <project xmlns="http://maven.apache.or ...

  8. NYOJ之素数求和问题

    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAsoAAAKCCAIAAABH/2gWAAAgAElEQVR4nO3dPVLjStsG4G8T5CyEdF

  9. Ionic环境搭建

    stepts npm install -g ionic@beta Make sure you have NodeJS installed. Download the installer here or ...

  10. Java中常见数据结构:list与map -底层如何实现

    1:集合 2 Collection(单列集合) 3 List(有序,可重复) 4 ArrayList 5 底层数据结构是数组,查询快,增删慢 6 线程不安全,效率高 7 Vector 8 底层数据结构 ...