zoukankan      html  css  js  c++  java
  • 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', /* 窗口的标题 */
        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: "主管部门",

               300,

               height: 350,

               submit: submit ,

               buttons: { '清空':false,'关闭': true }

           });

        }  

  • 相关阅读:
    单div绘制多元素图
    js笔试题系列之二——数组与对象
    JS设计模式——策略模式
    js笔试题系列之三——函数
    zepto.js中的Touch事件
    java定时任务之Scheduled注解
    汤姆大叔送书,咱也科学抢书
    Asp.net Mvc自定义客户端验证(CheckBox列表的验证)
    摆脱烂项目
    我的ORM发展史
  • 原文地址:https://www.cnblogs.com/htys/p/3583902.html
Copyright © 2011-2022 走看看