提示框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 ...
随机推荐
- iOS开发 自定义窗口 以及 点击scrollView置顶
static UIWindow *topWindow_; static UIScrollView *scrollView_; /** * 显示顶部窗口 */ + (void)show { dispat ...
- Hbase之使用回调函数进行批处理操作
import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.hbase.HBaseConfiguration; impo ...
- refreshLayout 和 滑动控件的冲突解决
listView.setOnScrollListener(new OnScrollListener() { @Override public void onScrollSt ...
- 使用Beanstalkd实现队列
Beanstalkd可以想象成缓存当中的memcahe或者redise,将我们的队列任务放到内存中进行管理. 运行环境是在linux中,反正我的windows中没运行成功.../(ㄒoㄒ)/~~ 首先 ...
- sql server 导出数据到 Azure Hbase / Hive 详细步骤
The Hadoop on Azure Sqoop Import Sample Tutorial Table of Contents Overview Goals Key technologi ...
- 项目文件包含 ToolsVersion="12.0" 设置,但此工具集未知或缺失。
项目属性(Alt+F7),再点常规,常规中有个平台工作集,把V120改成V110或者v100,然后就能正常运行了.
- PHP + Memcache 实现多服务器session共享
很多时候一个完整的系统可能运行在多个服务器上,如果这多个服务器之间需要共享session的话,那么php默认的files保存session的方式就无能为力了.这时我们可以考虑使用memcache 来接 ...
- nyoj-----284坦克大战(带权值的图搜索)
坦克大战 时间限制:1000 ms | 内存限制:65535 KB 难度:3 描述 Many of us had played the game "Battle city" ...
- IntelliSense: 应输入声明的解决方案
出现问题的原因暂时没搞清楚,只是找到了解决方案,方案如下: 工具-->选项-->文本编辑器-->C/C++-->高级-->禁用自动更新-->True
- swiftlint升级
~/Opal/iOS/App (mike/lyrics) $ which brew/usr/local/bin/brew~/Opal/iOS/App (mike/lyrics) $ cd /usr/l ...