对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 相关文章推荐
javascript与CSS复习(二)
Jun 29 Javascript
XENON基于JSON变种
Jul 27 Javascript
javascript getElementsByClassName实现代码
Oct 11 Javascript
jQuery1.6 使用方法一
Nov 23 Javascript
文本框输入时 实现自动提示(像百度、google一样)
Apr 05 Javascript
用jquery方法操作radio使其默认选项是否
Sep 10 Javascript
js中如何复制一个对象并获取其所有属性和属性对应的值
Oct 24 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
Dec 31 Javascript
深入理解js数组的sort排序
May 28 Javascript
快速实现JS图片懒加载(可视区域加载)示例代码
Jan 04 Javascript
基于vue2.x的电商图片放大镜插件的使用
Jan 22 Javascript
Ant Design的Table组件去除
Oct 24 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
PHP实现的mysql读写分离操作示例
2018/05/22 PHP
JavaScript Date对象 日期获取函数
2010/12/19 Javascript
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
2013/04/02 Javascript
js的延迟执行问题分析
2014/06/23 Javascript
简介JavaScript中setUTCSeconds()方法的使用
2015/06/12 Javascript
使用angularjs创建简单表格
2016/01/21 Javascript
JavaScript Date对象应用实例分享
2017/10/30 Javascript
解析vue中的$mount
2017/12/21 Javascript
js实现购物车功能
2018/06/12 Javascript
Mpvue中使用Vant Weapp组件库的方法步骤
2019/05/16 Javascript
JS数组进阶示例【数组的几种函数用法】
2020/01/16 Javascript
JavaScript原生数组函数实例汇总
2020/10/14 Javascript
[01:17:12]职来职往完美电竞专场
2014/09/18 DOTA
Python中使用Tkinter模块创建GUI程序实例
2015/01/14 Python
Python多线程编程(五):死锁的形成
2015/04/05 Python
Python3.x版本中新的字符串格式化方法
2015/04/24 Python
python使用分治法实现求解最大值的方法
2015/05/12 Python
OpenCV-Python实现轮廓检测实例分析
2018/01/05 Python
TensorFlow神经网络优化策略学习
2018/03/09 Python
python+flask实现API的方法
2018/11/21 Python
解决django中ModelForm多表单组合的问题
2019/07/18 Python
一行python实现树形结构的方法
2019/08/09 Python
Python实现TCP探测目标服务路由轨迹的原理与方法详解
2019/09/04 Python
python中的TCP(传输控制协议)用法实例分析
2019/11/15 Python
使用anaconda安装pytorch的实现步骤
2020/09/03 Python
Bibloo匈牙利:女装、男装、童装及鞋子和配饰
2019/04/14 全球购物
如何删除一个表里面的重复行
2013/07/13 面试题
北京-环亚运商测试题.net程序员初步测试题
2013/05/28 面试题
优秀毕业自我鉴定
2014/02/15 职场文书
商业房地产广告语
2014/03/13 职场文书
艺术设计专业个人求职信
2014/04/10 职场文书
2014中考励志标语
2014/06/05 职场文书
党性教育心得体会
2014/09/03 职场文书
python编写函数注意事项总结
2021/03/29 Python
Python读取文件夹下的所有文件实例代码
2021/04/02 Python
win10+RTX3050ti+TensorFlow+cudn+cudnn配置深度学习环境的方法
2022/06/25 Servers