提示框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时有效 取消按钮的回调方法,支持字符串类型的方法名,该方法会在提示框关闭后被调用 |
提示框alertmsg的更多相关文章
- 利用CSS中的:after、: before制作的边三角提示框
小颖昨天分享了一篇参考bootstrap中的popover.js的css画消息弹框今天给大家再分享一篇使用:before和:after伪元素画消息弹框的CSS. 画出来是介个酱紫的: 有没有觉得画的萌 ...
- javascript-模板方法模式-提示框归一化插件
模板方法模式笔记 父类中定义一组算法操作骨架,而将一些实现步骤延迟到子类中,使得子类可以不改变父类的算法结构的同时可重新定义算法中某些实现步骤 实例:弹出框归一化插件 css样式 ;width ...
- 使用纯CSS实现带箭头的提示框
爱编程爱分享,原创文章,转载请注明出处,谢谢!http://www.cnblogs.com/fozero/p/6187323.html 1.全部代码 <!DOCTYPE html> < ...
- 纯css来实现提示框
用js用多了,就疏忽了最基本的css了---用title属性来实现提示框.下面言归正传------如何用css实现提示框: 1.利用title属性来实现鼠标滑过某个元素时,实现提示整段内容的功能(利用 ...
- js弹出框、对话框、提示框、弹窗总结
一.JS的三种最常见的对话框 //====================== JS最常用三种弹出对话框 ======================== //弹出对话框并输出一段提示信息 funct ...
- android标题栏上面弹出提示框(二) PopupWindow实现,带动画效果
需求:上次用TextView写了一个从标题栏下面弹出的提示框.android标题栏下面弹出提示框(一) TextView实现,带动画效果, 总在找事情做的产品经理又提出了奇葩的需求.之前在通知栏显示 ...
- android标题栏下面弹出提示框(一) TextView实现,带动画效果
产品经理用的是ios手机,于是android就走上了模仿的道路.做这个东西也走了一些弯路,写一篇博客放在这里,以后自己也可用参考,也方便别人学习. 弯路: 1.刚开始本来用PopupWindow去实现 ...
- 自定义iOS 中推送消息 提示框
看到标题你可能会觉得奇怪 推送消息提示框不是系统自己弹出来的吗? 为什么还要自己自定义呢? 因为项目需求是这样的:最近需要做 远程推送通知 和一个客服系统 包括店铺客服和官方客服两个模块 如果有新的消 ...
- highCharts提示框不显示的问题
使用HighCharts插件进行数据展示的时候,鼠标放在数据处没有提示框,或者只有头尾2个提示框,其他提示框不显示,为什么会这样? 1.查看是否使用了tooltip属性,该属性的enabled默认为t ...
随机推荐
- python把str转换为int
def str2int(s): def fn(x,y): return x+y def char2num(s): ':9}[s] return reduce(fn,map(char2num,s)) ' ...
- phalcon: tasks MainTask.php命令行工具
phalcon: tasks MainTask.php命令行工具 tasks MainTask.php 一般用来做计划任务,处理比较复杂的大型的数据.然后其他功能或程序才能更简单的读取这些复杂的数据. ...
- VB6 GDI+ 入门教程[8] Bitmap魔法(1):创建
http://vistaswx.com/blog/article/category/tutorial/page/2 VB6 GDI+ 入门教程[8] Bitmap魔法(1):创建 2009 年 9 月 ...
- jquery 全选功能
1.直接全选(复选框名字要统一) <input type="CHECKBOX" id="cbSelectAll" onclick="$('inp ...
- CLGeocoder Error Domain=kCLErrorDomain Code=2
使用CLGeocoder解码地址时,遇到错误 Error Domain=kCLErrorDomain Code=2 代码: #pragma mark 跟踪定位代理方法,每次位置发生变化即会执行(只要定 ...
- this(C# 参考)
原文地址:https://msdn.microsoft.com/zh-cn/library/dk1507sz.aspx this 关键字引用类的当前实例,还可用作扩展方法的第一个参数的修饰符. 注意 ...
- js 中 continue 与 break 熟练使用
//break:在循环体中,遇到break,整个循环都结束了,后面的累加操作也不在执行了,并且循环体中,只要遇到break,那么循环体break后面的代码都不在执行了 //continue:在循环体中 ...
- font-face字体文件引入方式
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
- selenium+python笔记3
#!/usr/bin/env python # -*- coding: utf-8 -*- """ @desc:学习unittest的用法 注意setUp/setUpCl ...
- [saiku] 源码整合[maven整合]
saiku源码的整合分为[普通web项目整合]和[maven整合]两种 本节主要是讲解如何整合为maven项目 转载自:http://blog.csdn.net/gsying1474/article/ ...