Jbox幫助文檔,默認的屬性含義


$.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 }

       });

    }  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM