提示框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 ...
随机推荐
- Java内部接口的调用方式
package com.hs.review; public class Person { public static void main(String[] args) { Person p1 = ne ...
- form in drupal
qin_form_ajax_example_form($form, &$form_state)类似函数的参数永远都是一样的,最多把$form前面也加上& 当没有实现页面跳转时,$for ...
- 按键精灵 句柄 获得句柄 控制windows窗口 后台
新建一个文本文档,打开,Windows就会给这个文本文档的窗口临时分配唯一的一串数字来标识这个窗体,以区别于其他窗口,这串数字就叫句柄. 因为句柄是临时随机分配的,所以每次虽然是打开同一个文件,但 ...
- JSP action elements - JavaBean
语法 描述 jsp:include 在页面被请求的时候引入一个文件. jsp:useBean 寻找或者实例化一个JavaBean. jsp:setProperty 设置JavaBean的属性. jsp ...
- js 继承inheritance/extends
主要就是<javascript语言精粹>语言精粹中的内容 5.1伪类 Function.prototype.method = function(name,func){ this.proto ...
- Qt之Concurrent框架
简述 QtConcurrent命名空间提供了一个高级API来编写多线程程序,而无需使用低级线程原语,例如:互斥.读写锁.等待条件或信号量.使用QtConcurrent编写的程序使用的线程数量会自动根据 ...
- eclipse中SVN分支合并到主干
在项目开发中,需要添加一些新的功能,但是又不想影响到其他开发人员的项目进度,所以决定使用SVN分支进行开发,分支开发完毕后再合并到主干.本文介绍如何在eclipse中合并分支到主干. 1. 要想将分支 ...
- CSS样式设置记录
在不懂php和wordpress的情况下,需要按照样式内容用php+wordpress+mysql做个网站,网页上有许多样式需要设置,包括颜色字体等要跟要求一致,记录下今天的结果. <div i ...
- java入门第一步之完成jdk的安装(window)【转】
为了面向更多的人类,我决定重温我的java起步: 要进行java开发第一步就是进行java环境的安装,也就是jdk的按装: 1.由于java被oracle收购了,我们下载jdk也就去oracle的官网 ...
- json_encode时中文编码转正常状态
function json_encode_cn($data) { $data = json_encode($data); return preg_replace("/\\\u([0-9a-f ...