初始化:

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时有效 取消按钮的回调方法,支持字符串类型的方法名,该方法会在提示框关闭后被调用

提示框alertmsg的更多相关文章

  1. 利用CSS中的:after、: before制作的边三角提示框

    小颖昨天分享了一篇参考bootstrap中的popover.js的css画消息弹框今天给大家再分享一篇使用:before和:after伪元素画消息弹框的CSS. 画出来是介个酱紫的: 有没有觉得画的萌 ...

  2. javascript-模板方法模式-提示框归一化插件

    模板方法模式笔记   父类中定义一组算法操作骨架,而将一些实现步骤延迟到子类中,使得子类可以不改变父类的算法结构的同时可重新定义算法中某些实现步骤   实例:弹出框归一化插件 css样式 ;width ...

  3. 使用纯CSS实现带箭头的提示框

    爱编程爱分享,原创文章,转载请注明出处,谢谢!http://www.cnblogs.com/fozero/p/6187323.html 1.全部代码 <!DOCTYPE html> < ...

  4. 纯css来实现提示框

    用js用多了,就疏忽了最基本的css了---用title属性来实现提示框.下面言归正传------如何用css实现提示框: 1.利用title属性来实现鼠标滑过某个元素时,实现提示整段内容的功能(利用 ...

  5. js弹出框、对话框、提示框、弹窗总结

    一.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ======================== //弹出对话框并输出一段提示信息 funct ...

  6. android标题栏上面弹出提示框(二) PopupWindow实现,带动画效果

    需求:上次用TextView写了一个从标题栏下面弹出的提示框.android标题栏下面弹出提示框(一) TextView实现,带动画效果,  总在找事情做的产品经理又提出了奇葩的需求.之前在通知栏显示 ...

  7. android标题栏下面弹出提示框(一) TextView实现,带动画效果

    产品经理用的是ios手机,于是android就走上了模仿的道路.做这个东西也走了一些弯路,写一篇博客放在这里,以后自己也可用参考,也方便别人学习. 弯路: 1.刚开始本来用PopupWindow去实现 ...

  8. 自定义iOS 中推送消息 提示框

    看到标题你可能会觉得奇怪 推送消息提示框不是系统自己弹出来的吗? 为什么还要自己自定义呢? 因为项目需求是这样的:最近需要做 远程推送通知 和一个客服系统 包括店铺客服和官方客服两个模块 如果有新的消 ...

  9. highCharts提示框不显示的问题

    使用HighCharts插件进行数据展示的时候,鼠标放在数据处没有提示框,或者只有头尾2个提示框,其他提示框不显示,为什么会这样? 1.查看是否使用了tooltip属性,该属性的enabled默认为t ...

随机推荐

  1. ubuntu server nginx 安装与配置

    ubuntu server nginx 安装与配置 一:关于nginx http://wiki.ubuntu.org.cn/Nginx http://nginx.org/cn http://wiki. ...

  2. dedecms 网站优化技巧

    1.把列表文件中的<title>***</title>改为栏目名称-seo标题-网站名称即<title>{dede:field.title/}-{dede:fiel ...

  3. 【bzoj1029】道路抢修

    [bzoj1029]建筑抢修 传送门 http://www.lydsy.com/JudgeOnline/problem.php?id=1029 分析 http://blog.csdn.net/popo ...

  4. Simple Data

    Git地址:https://github.com/markrendle/Simple.Data 来源:http://bbs.nfinal.com/read-13

  5. 20145236 《Java程序设计》实验四实验报告

    20145236 实验四 Android开发基础 实验内容: 1.基于Android Studio开发简单的Android应用并部署测试; 2.了解Android组件.布局管理器的使用: 3.掌握An ...

  6. 10 vi简介(重点)

    1.为什么学习vi? vi很多系统都预装,如果我们的系统没有图像界面,可以使用vi vi是轻量级且执行快速的编辑器 2.vi的几种模式 命令模式.插入模式.底行模式 1) 命令行模式(command ...

  7. uva 12186

    12186 - Another Crisis Time limit: 3.000 seconds A couple of years ago, a new world wide crisis star ...

  8. Tomcat编码问题

    在Tomcat7中,默认URIEncoding="iso8859-1",get请求由于url会完全出现在地址栏,所以传递中文到后台会乱码,需要改成URIEncoding=" ...

  9. EF Code First:实体映射,数据迁移,重构(1)

    一.前言 经过EF的<第一篇>,我们已经把数据访问层基本搭建起来了,但并没有涉及实体关系.实体关系对于一个数据库系统来说至关重要,而且EF的各个实体之间的联系,实体之间的协作,联合查询等也 ...

  10. Linux学习之CentOS--CentOS6.4下Mysql数据库的安装与配置【转】

      如果要在Linux上做j2ee开发,首先得搭建好j2ee的开发环境,包括了jdk.tomcat.eclipse的安装(这个在之前的一篇随笔中已经有详细讲解了Linux学习之CentOS(七)--C ...