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 () {這里寫得到返回值后需要執行的功能代碼 }