对layer弹出框中icon数字参数的说明介绍


Posted in Javascript onSeptember 04, 2019

前言

icon参数为0,如下代码:

layer.msg('请选择要编辑的机构', {icon: 0});

运行结果如图:

对layer弹出框中icon数字参数的说明介绍

icon参数为1,如下图

对layer弹出框中icon数字参数的说明介绍

icon参数为2,如下图:

对layer弹出框中icon数字参数的说明介绍

icon参数为3,如下图:

对layer弹出框中icon数字参数的说明介绍

icon参数为4,如下图:

对layer弹出框中icon数字参数的说明介绍

icon参数为5,如下图:

对layer弹出框中icon数字参数的说明介绍

icon参数为6,如下图:

对layer弹出框中icon数字参数的说明介绍

icon参数为7,如下图:

对layer弹出框中icon数字参数的说明介绍

2. 确认框示例

//锁定机构
function lockOrg(){
  var row = orgDataGrid.datagrid('getSelected');
  if(row){
   //弹出确认框
   layer.confirm('您确定要修改[' + row.name + ']的状态吗', {icon: 3, title:'提示'}, function(index){ 
    $.ajax({
     type:"POST",
     dataType : "json",
     async: false,
     url: '${pageContext.request.contextPath}/system/organization/lockOrg.do',
     data : {id:row.id},
     success : function(data){
      if(data.success){
       layer.msg(data.message, {icon: 1});
       $("#orgDataGrid").datagrid('reload');
      }else{
       layer.msg(data.message, {icon: 2});
      }
     },
     error:function(){

     }
    });
    //关闭确认框
    layer.close(index); 
   }); 
  }else{
   layer.msg('请选择要锁定的机构', {icon: 0});
  }
 }

对layer弹出框中icon数字参数的说明介绍

3. 更多

lay更多知识:参考Lay官网

以上这篇对layer弹出框中icon数字参数的说明介绍就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
IE8 原生JSON支持
Apr 13 Javascript
js 对象是否存在判断
Jul 15 Javascript
JS 对象介绍
Jan 20 Javascript
神奇的7个jQuery 3D插件整理
Jan 06 Javascript
jquery计算鼠标和指定元素之间距离的方法
Jun 26 Javascript
javascript之with的使用(阿里云、淘宝使用代码分析)
Oct 11 Javascript
sea.js常用的api简易文档
Nov 15 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
Jun 04 Javascript
vue解决弹出蒙层滑动穿透问题的方法
Sep 22 Javascript
微信小程序中weui用法解析
Oct 21 Javascript
微信小程序实现滑动操作代码
Apr 23 Javascript
javascript之Object.assign()的痛点分析
Mar 03 Javascript
Element 默认勾选表格 toggleRowSelection的实现
Sep 04 #Javascript
使用Angular material主题定义自己的组件库的配色体系
Sep 04 #Javascript
vue-loader中引入模板预处理器的实现
Sep 04 #Javascript
解决layer图标icon不加载的问题
Sep 04 #Javascript
JSX在render函数中的应用详解
Sep 04 #Javascript
关于layui的动态图标不显示的解决方法
Sep 04 #Javascript
vue本地打开build后生成的dist文件夹index.html问题
Sep 04 #Javascript
You might like
曾在DC漫画界反派角色扮演的演员,谁才是你心目中的小丑之王?
2020/04/09 欧美动漫
第七章 php自定义函数实现代码
2011/12/30 PHP
php的webservice的wsdl的XML无法显示问题的解决方法
2014/03/11 PHP
php使用parse_url和parse_str解析URL
2015/02/22 PHP
php利用smtp类实现电子邮件发送
2015/10/30 PHP
PHP strip_tags保留多个HTML标签的方法
2016/05/22 PHP
Laravel5.1自定义500错误页面示例
2016/10/09 PHP
YII2框架中使用yii.js实现的post请求
2017/04/09 PHP
laravel 中如何使用ajax和vue总结
2017/08/16 PHP
style、 currentStyle、 runtimeStyle区别分析
2010/08/01 Javascript
JQuery扩展插件Validate 5添加自定义验证方法
2011/09/05 Javascript
Jquery实现视频播放页面的关灯开灯效果
2013/05/27 Javascript
jquery高级编程的最佳实践详解
2014/03/23 Javascript
浅谈Javascript线程及定时机制
2015/07/02 Javascript
jQuery多级手风琴菜单实例讲解
2015/10/22 Javascript
JavaScript中rem布局在react中的应用
2015/12/09 Javascript
JS动态插入并立即执行回调函数的方法
2016/04/21 Javascript
使用开源工具制作网页验证码的方法
2016/10/17 Javascript
Angular 常用指令实例总结整理
2016/12/13 Javascript
利用select实现年月日三级联动的日期选择效果【推荐】
2016/12/13 Javascript
vue中的event bus非父子组件通信解析
2017/10/27 Javascript
vue使用原生js实现滚动页面跟踪导航高亮的示例代码
2018/10/25 Javascript
Vue2(三)实现子菜单展开收缩,带动画效果实现方法
2019/04/28 Javascript
vue.js+elementUI实现点击左右箭头切换头像功能(类似轮播图效果)
2019/09/05 Javascript
Vue3.0数据响应式原理详解
2019/10/09 Javascript
js属性对象的hasOwnProperty方法的使用
2021/02/05 Javascript
python删除文件示例分享
2014/01/28 Python
Python3中常用的处理时间和实现定时任务的方法的介绍
2015/04/07 Python
python递归打印某个目录的内容(实例讲解)
2017/08/30 Python
Python连接字符串过程详解
2020/01/06 Python
css3 background属性调整增强介绍
2010/12/18 HTML / CSS
有关HTML5中背景音乐的自动播放功能
2017/10/16 HTML / CSS
Urban Decay官方网站:美国化妆品品牌
2020/06/04 全球购物
机关职员工作检讨书
2014/10/23 职场文书
闪闪的红星观后感
2015/06/08 职场文书
Python干货实战之八音符酱小游戏全过程详解
2021/10/24 Python