对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 相关文章推荐
extjs DataReader、JsonReader、XmlReader的构造方法
Nov 07 Javascript
基于JQuery的cookie插件
Apr 07 Javascript
js获取元素外链样式的方法
Jan 27 Javascript
js获取鼠标位置实例详解
Dec 09 Javascript
jQuery删除节点用法示例(remove方法)
Sep 08 Javascript
AngularJS中关于ng-class指令的几种实现方式详解
Sep 17 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
Dec 15 Javascript
如何获取TypeScript的声明文件.d.ts
May 01 Javascript
浅谈使用mpvue开发小程序需要注意和了解的知识点
May 23 Javascript
react脚手架如何配置less和ant按需加载的方法步骤
Nov 28 Javascript
vue 中 命名视图的用法实例详解
Aug 14 Javascript
Node如何后台数据库使用增删改查功能
Nov 21 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
完美实现GIF动画缩略图的php代码
2011/01/02 PHP
php将session放入memcached的设置方法
2014/02/14 PHP
php实现用户注册密码的crypt加密
2017/06/08 PHP
jQuery实现DIV层淡入淡出拖动特效的方法
2015/02/13 Javascript
jQuery实现从身份证号中获取出生日期和性别的方法分析
2016/02/25 Javascript
jQuery简单实现中间浮窗效果
2016/09/04 Javascript
深入理解requestAnimationFrame的动画循环
2016/09/20 Javascript
headjs实现网站并行加载但顺序执行JS
2016/11/29 Javascript
AngulerJS学习之按需动态加载文件
2017/02/13 Javascript
微信小程序 聊天室简单实现
2017/04/19 Javascript
详解vee-validate的使用个人小结
2017/06/07 Javascript
js+html5实现侧滑页面效果
2017/07/15 Javascript
selenium+java中用js来完成日期的修改
2019/10/31 Javascript
webpack的 rquire.context用法实现工程自动化的方法
2020/02/07 Javascript
原生JavaScript实现购物车
2021/01/10 Javascript
python爬取51job中hr的邮箱
2016/05/14 Python
pandas 两列时间相减换算为秒的方法
2018/04/20 Python
Python3.6通过自带的urllib通过get或post方法请求url的实例
2018/05/10 Python
python添加菜单图文讲解
2019/06/04 Python
Python登录系统界面实现详解
2019/06/25 Python
python 利用已有Ner模型进行数据清洗合并代码
2019/12/24 Python
tensorflow查看ckpt各节点名称实例
2020/01/21 Python
用React加CSS3实现微信拆红包动画效果
2017/03/13 HTML / CSS
铁路工务反思材料
2014/02/07 职场文书
《故都的秋》教学反思
2014/04/15 职场文书
总经理人事任命书
2014/06/05 职场文书
雷锋式好少年事迹材料
2014/08/17 职场文书
2014年客户经理工作总结
2014/11/20 职场文书
2014年师德师风工作总结
2014/11/25 职场文书
夫妻分居协议书范本
2014/11/28 职场文书
小学班主任事迹材料
2014/12/17 职场文书
小学生交通安全寄语
2015/02/27 职场文书
员工自我评价范文
2015/03/11 职场文书
2016年小学推普宣传周活动总结
2016/04/06 职场文书
Vue中插槽slot的使用方法与应用场景详析
2021/06/08 Vue.js
MySQL中rank() over、dense_rank() over、row_number() over用法介绍
2022/03/23 MySQL