zoukankan      html  css  js  c++  java
  • 提示框alertmsg

    初始化:

    1、Data属性:DOM添加属性data-toggle="alertmsg",并定义type及msg参数

    示例代码:

     <button type="button" class="btn-green" data-toggle="alertmsg" data-type="info" data-msg="我是一个信息提示">我是信息提示</button>

    集合参数:

    <button type="button" class="btn-green" data-toggle="alertmsg" data-options="{type:'error',msg:'你犯错了'}">我是错误信息</button>

    2、jqueryAPI

    <script type="text/javascript">
                               $("#doc-alertmsg-demo").click(function(){
                                   $(this).alertmsg('confirm','我是确认提示',{displayPosition:'topcenter',okName:'yes',cancelName:'no',title:'我是确认确认标题'});
                               });
                           </script>
                            <a id="doc-alertmsg-demo">测试提示框</a>

    API调用方法:

    $(selector).alertmsg(type,msg,options);

    参数(options)

    DOM方式初始化datagrid的,推荐使用集合属性data-options定义参数,如果使用data属性定义参数,注意转换成对应的名称。

    参数displayPosition、displayMode、closeTimer可以在框架初始化时进行全局设置

    名称 类型 默认值 描述
    type string null 【必选】信息提示方式,参数有【‘ok’|‘correct’|‘info’|‘warn’|‘error’|‘confirm’】,其中ok为correct的别名,confirm为确认提示框
    msg string null 【必选】提示的内容
    displayPosition string topcenter 【可选】提示框显示位置,参数有【topleft、topcenter、topright、middleleft、middlecenter、middleright、bottomleft、bottomcenter、bottomright】,本参数可以覆盖全局设置
    displayMode string slide 【可选】提示框显示动画(无动画、渐显渐隐、滑动),参数(none、fade、slide),本参数可以覆盖全局设置
    autoClose boolean null 【可选】是否自动关闭提示框,默认在type为ok、correct、info三种方式时参数值为true
    alertTime int null 【可选】自动关闭提示框的时间(毫秒),autoClose参数为true时生效,本参数可以覆盖全局设置
    mask boolean null 【可选】是否模态显示提示框,默认在type为warn、error、confirm三种方式时参数值为true
    title string 见bjui-regional.zh-CN.js中alertmsg [可选]信息提示框的标题,设置本参数将会覆盖bjui-regional.zh-CN.js中alertmsg的对应设置
    okName string 确定 【可选】确定按钮的名称,设置本参数将会覆盖bjui-regional.zh-CN.js中alertmsg的对应设置
    cancelName string 取消

    【可选】仅type为confirm时有效,取消按钮的名称,设置本参数将会覆盖bjui0regional.zh-CN.js中alertmsg的对应设置

    okCall function() null [可选]确认按钮的回调方法,支持字符串类型的方法名,该方法会在提示框关闭后调用
    cancelCall function() null [可选]仅type为confirm时有效 取消按钮的回调方法,支持字符串类型的方法名,该方法会在提示框关闭后被调用
  • 相关阅读:
    javascript函数作用域及this指向详解
    使用div模拟textarea,实现文本输入框高度自适应(附:js控制textarea实现文本输入框高度自适应)
    css限制单行文本输入,超出部分使用...替换
    解决sea.js引用jQuery提示$ is not a function的问题
    js实用代码段(持续更新)
    xml中,button改变背景颜色方法
    Java中的import
    Unable to resolve target 'android-XX'的问题解决
    关于打开Eclipse时出现eclipse failed to create the java virtual machine与locking is not possible in the directory问题的解决
    Android SDK目录结构和工具介绍
  • 原文地址:https://www.cnblogs.com/aigeileshei/p/6077081.html
Copyright © 2011-2022 走看看