$.jBox()
[*]函數原型:
$.jBox(content, options); └ 或者 jBox(content, options); [*]參數說明:
- content (string,json) └ 可以是string或json。當是string時,需要加上前綴標識(html:、id:、get:、post:、iframe:),如果沒有加標識,系統會自動加上html:,具體請看應用例子。當是json時,表示一個或多個狀態,每個狀態的默認值為 $.jBox.stateDefaults。 - options [可選] (json) └ 其它參數選項,默認值為 $.jBox.defaults。 [*]
備注:如果想手動關閉jBox(不包括下面的tip與messager,它們另有方法),請調用 $.jBox.close(token) 方法。
$.jBox.stateDefaults:
$.jBox.stateDefaults = {
content: '', /* 狀態的內容,不支持前綴標識 */
buttons: { '確定': 'ok' }, /* 狀態的按鈕 */
buttonsFocus: 0, /* 表示第幾個按鈕為默認按鈕,索引從0開始 */
submit: function (v, h, f) { return true; }
/* 點擊狀態按鈕后的回調函數,返回true時表示關閉窗口, 參數有三個,v表示所點的按鈕的返回值,h表示窗口內容的jQuery對象,f表示窗口內容里的form表單鍵值 */
};
$.jBox.defaults:
$.jBox.defaults = {
id: null, /* 在頁面中的唯一id,如果為null則自動生成隨機id,一個id只會顯示一個jBox */
top: '15%', /* 窗口離頂部的距離,可以是百分比或像素(如 '100px') */
border: 5, /* 窗口的外邊框像素大小,必須是0以上的整數 */
opacity: 0.1, /* 窗口隔離層的透明度,如果設置為0,則不顯示隔離層 */
timeout: 0, /* 窗口顯示多少毫秒后自動關閉,如果設置為0,則不自動關閉 */
showType: 'fade', /* 窗口顯示的類型,可選值有:show、fade、slide */
showSpeed: 'fast', /* 窗口顯示的速度,可選值有:'slow'、'fast'、表示毫秒的整數 */
showIcon: true, /* 是否顯示窗口標題的圖標,true顯示,false不顯示,或自定義的CSS樣式類名(以為圖標為背景) */
showClose: true, /* 是否顯示窗口右上角的關閉按鈕 */
draggable: true, /* 是否可以拖動窗口 */
dragLimit: true, /* 在可以拖動窗口的情況下,是否限制在可視范圍 */
dragClone: false, /* 在可以拖動窗口的情況下,鼠標按下時窗口是否克隆窗口 */
persistent: true, /* 在顯示隔離層的情況下,點擊隔離層時,是否堅持窗口不關閉 */
showScrolling: true, /* 是否顯示瀏覽的滾動條 */
ajaxData: {}, /* 在窗口內容使用get:或post:前綴標識的情況下,ajax post的數據,例如:{ id: 1 } 或 "id=1" */
iframeScrolling: 'auto', /* 在窗口內容使用iframe:前綴標識的情況下,iframe的scrolling屬性值,可選值有:'auto'、'yes'、'no' */
title: 'jBox', /* 窗口的標題 */
width: 350, /* 窗口的寬度,值為'auto'或表示像素的整數 */
height: 'auto', /* 窗口的高度,值為'auto'或表示像素的整數 */
bottomText: '', /* 窗口的按鈕左邊的內容,當沒有按鈕時此設置無效 */
buttons: { '確定': 'ok' }, /* 窗口的按鈕 */
buttonsFocus: 0, /* 表示第幾個按鈕為默認按鈕,索引從0開始 */
loaded: function (h) { }, /* 窗口加載完成后執行的函數,需要注意的是,如果是ajax或iframe也是要等加載完http請求才算窗口加載完成, 參數h表示窗口內容的jQuery對象 */
submit: function (v, h, f) { return true; },
/* 點擊窗口按鈕后的回調函數,返回true時表示關閉窗口, 參數有三個,v表示所點的按鈕的返回值,h表示窗口內容的jQuery對象,f表示窗口內容里的form表單鍵值 */
closed: function () { } /* 窗口關閉后執行的函數 */
};
$.jBox.languageDefaults :
$.jBox.languageDefaults = {
close: '關閉', /* 窗口右上角關閉按鈕提示 */
ok: '確定', /* $.jBox.prompt() 系列方法的“確定”按鈕文字 */
yes: '是', /* $.jBox.warning() 方法的“是”按鈕文字 */
no: '否', /* $.jBox.warning() 方法的“否”按鈕文字 */
cancel: '取消' /* $.jBox.confirm() 和 $.jBox.warning() 方法的“取消”按鈕文字 */
};
例子:


點擊清空時,清空上面的顯示框:是通過jbox的屬性進行控制的:
function gk(xhid,mcid) {
var submit = function (v, h, f) {
if(v==false){ //選擇清空時,返回false.然后清空。
$("#"+mcid).val("");
$("#"+xhid).val("");
}
return true;
};
$.jBox("iframe:../basicdata/basicdata!jcGk1forsearch.do?mcid="+mcid+"&xhid="+xhid, {
title: "主管部門",
width: 300,
height: 350,
submit: submit ,
buttons: { '清空':false,'關閉': true }
});
}