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 () {这里写得到返回值后需要执行的功能代码 }
jbox使用总结的更多相关文章
- jbox演示30种不同的调用方法
在线预览 插件说明 - jbox 是一款基于 jQuery 的多功能对话框插件,能够实现网站的整体风格效果,给用户一个新的视觉享受. 运行环境 - 兼容 IE6+.Firefox.Chrome.Sa ...
- JBox - 模态窗口,工具提示和消息 jQuery 插件
jBox 是一个强大而灵活的 jQuery 插件,可以帮助实现模态窗口,工具提示,通知和更多的功能.你可以使用 jQuery 选择器轻松地添加工具提示效果到元素上,您可以以同样的方式设置模态窗口.该库 ...
- jBox使用记录
1.不显示底部按钮,可以将buttons设置为buttons:{} 例:$.jBox.open("iframe:http://www.baidu.com", "百度一下& ...
- 模态窗口插件之Jbox
$.jBox.tip("报损数量不能大于库存数!", 'error'); $.jBox.tip("请选择要报损的产品", "warn"); ...
- (转)json+flexgrid+jbox组合运用页面刷新<jsp>
插件效果 1.JSP页面 1 <%@ page language="java" contentType="text/html; charset=UTF-8" ...
- jBox 弹出窗口中焦点设置问题
jBox 是一个不错的组件库,可以用来比较简单地弹出窗口. 我希望在 jBox 弹出窗口之后,自动将焦点设置到子窗口的某个输入框中,可是发现并不容易. 在 jBox 2.3 中,提供了如下的增强. ...
- jBox使用方法
1.引入jquery文件 2.引入css和jBox文件 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml& ...
- 弹出框JBox实例
前几天做的考试系统的一些后台弹出框的一些模板.主要是因为普通的弹出框样式不是很好,颜色也不能调换.这里我们用的是JBox,还是从师傅那得知的.自己小实验了下,这里就做个小结. JBox 插件说明 - ...
- 关于使用 jBox 对话框的提交问题
http://www.cnblogs.com/haogj/archive/2012/11/04/2754303.html 关于使用 jBox 对话框的提交问题 jBox 是个不错的对话框组件. 在 A ...
随机推荐
- <a href=”#”>与 <a href=”javascript:void(0)” 的区别
<a href=”#”>中的“#”其实是锚点的意思,默认为#top,所以当页面比较长的时候,使用这种方式会让页面刷新到页首(页面的最上部) javascript:void(0)其实是一个死 ...
- http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/
http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/ box-shadow : http://blog.csdn.net/freshlover/a ...
- 100m和1000m网线的常见制作方法
100m和1000m网线的常见制作方法 100m和1000m网线的常见制作方法: 5类线(100m)的制作: a: 绿白(3).绿(6).橙白(1).蓝(4).蓝白(5).橙(2).棕白(7).棕(8 ...
- 3. javacript高级程序设计-基本概念
1.1 语法 ECMAScript借鉴了C和其他类C语言的语法 1.1.1 区分大小写 ECMAScript中的一切(变量,函数和操作符)都是区分大小写的,变量test和Test是不同的变量 1.1. ...
- C++ STL 的实现:
C++ STL 的实现: 1.vector 底层数据结构为数组 ,支持快速随机访问 2.list 底层数据结构为双向链表,支持快速增删 3.deque 底层数据结构为一个中央控制器和多个缓 ...
- hdu 1972.Printer Queue 解题报告
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1972 题目意思:需要模拟打印机打印.打印机里面有一些 job,每个job被赋予1-9的其中一个值,越大 ...
- phpexcel生成excel并下载
Loader::import('PHPExcel.Classes.PHPExcel'); // tp5中只需将phpexcel文件放入extend文件夹中,即可采用该方法引入,需要先 use thin ...
- 将txt多行文本合并成一行
1.用word打开txt文本2.打开“替换”功能,查找内容“^p”,替换内容为“,”(均无双引号).即可把多列文字合并为一行.
- 10.11 cocoapods安装
手动安装gem 手动下载 rubygem https://rubygems.org/pages/download#formats 10.11 cocoapods安装 sudo gem install ...
- poj2236(并查集)
题目链接: http://poj.org/problem?id=2236 题意: 有n台计算机, 已知每台计算机的坐标, 初始时所有计算机都是坏的, 然后修复其中一些计算机, 已修复的计算机距离不超过 ...