对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 相关文章推荐
JS 判断代码全收集
Apr 28 Javascript
鼠标滑上去后图片放大浮出效果的js代码
May 28 Javascript
jQuery扁平化风格下拉框美化插件FancySelect使用指南
Feb 10 Javascript
javascript实现树形菜单的方法
Jul 17 Javascript
详述JavaScript实现继承的几种方式(推荐)
Mar 22 Javascript
javascript history对象详解
Feb 09 Javascript
javascript 操作cookies详解及实例
Feb 22 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
May 17 Javascript
jQuery插件DataTables分页开发心得体会
Aug 22 jQuery
Angularjs按需查询实例代码
Oct 30 Javascript
基于jQuery使用Ajax动态执行模糊查询功能
Jul 05 jQuery
微信小程序引入模块中wxml、wxss、js的方法示例
Aug 09 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
加速XP搜索功能堪比vista
2007/03/22 PHP
php 应用程序安全防范技术研究
2009/09/25 PHP
PHPwind整合最土系统用户同步登录实现方法
2010/12/08 PHP
详解PHP实现支付宝小程序用户授权的工具类
2018/12/25 PHP
动态为事件添加js代码示例
2009/02/15 Javascript
NodeJS Web应用监听sock文件实例
2015/02/18 NodeJs
简介JavaScript中getUTCMonth()方法的使用
2015/06/10 Javascript
jQuery实现定时读取分析xml文件的方法
2015/07/16 Javascript
JavaScript判断数组重复内容的两种方法(推荐)
2016/06/06 Javascript
浅谈JavaScript中变量和函数声明的提升
2016/08/09 Javascript
AngularJS利用Controller完成URL跳转
2016/08/09 Javascript
轻松掌握JavaScript装饰者模式
2016/08/27 Javascript
JavaScript仿网易选项卡制作代码
2016/10/06 Javascript
jQuery插件FusionCharts实现的2D饼状图效果【附demo源码下载】
2017/03/03 Javascript
jquery实现折叠菜单效果【推荐】
2017/03/08 Javascript
Java与JavaScript中判断两字符串是否相等的区别
2017/03/13 Javascript
详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
2017/08/30 Javascript
js实现可以点击收缩或张开的悬浮窗
2017/09/18 Javascript
基于js 字符串indexof与search方法的区别(详解)
2017/12/04 Javascript
Bootstrap 模态框多次显示后台提交多次BUG的解决方法
2017/12/26 Javascript
解决vue的 v-for 循环中图片加载路径问题
2018/09/03 Javascript
小程序云开发初探(小结)
2018/10/24 Javascript
创建Vue项目以及引入Iview的方法示例
2018/12/03 Javascript
vue-router重写push方法,解决相同路径跳转报错问题
2020/08/07 Javascript
python中将正则过滤的内容输出写入到文件中的实例
2018/10/21 Python
Python登录系统界面实现详解
2019/06/25 Python
Pycharm debug调试时带参数过程解析
2020/02/03 Python
CSS3的transition和animation的用法实例介绍
2014/08/20 HTML / CSS
小学生自我评价范例
2013/09/24 职场文书
勤奋学习演讲稿
2014/05/10 职场文书
买卖合同协议书范本
2014/10/18 职场文书
个人业务学习心得体会
2016/01/25 职场文书
祝福语集锦:给百岁老人祝寿贺词
2019/11/19 职场文书
python字符串常规操作大全
2021/05/02 Python
浅谈JavaScript作用域
2021/12/06 Javascript
如何让你的Nginx支持分布式追踪详解
2022/07/07 Servers