对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 相关文章推荐
通过jquery实现tab标签浏览效果
Feb 20 Javascript
Array的push与unshift方法性能比较分析
Mar 05 Javascript
javascript中Math.random()使用详解
Apr 15 Javascript
javascript事件绑定学习要点
Mar 09 Javascript
原生JavaScript制作微博发布面板效果
Mar 11 Javascript
js中的关联数组与普通数组详解
Jul 27 Javascript
EasyUI实现下拉框多选功能
Nov 07 Javascript
JS中touchstart事件与click事件冲突的解决方法
Mar 12 Javascript
Angular动态绑定样式及改变UI框架样式的方法小结
Sep 03 Javascript
微信小程序实现的canvas合成图片功能示例
May 03 Javascript
微信小程序在线客服自动回复功能(基于node)
Jul 03 Javascript
浅谈Vue使用Elementui修改默认的最快方法
Dec 05 Vue.js
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图片上传类带图片显示
2006/11/25 PHP
PHP程序级守护进程的实现与优化的使用概述
2013/05/02 PHP
PHP的PSR规范中文版
2013/09/28 PHP
使用php验证复选框有效性的示例
2013/11/13 PHP
php实现建立多层级目录的方法
2014/07/19 PHP
php ImageMagick windows下安装教程
2015/01/26 PHP
WordPress主题制作中自定义头部的相关PHP函数解析
2016/01/08 PHP
php array_values 返回数组的所有值详解及实例
2016/11/12 PHP
在JavaScript中实现命名空间
2006/11/23 Javascript
jquery animate 动画效果使用说明
2009/11/04 Javascript
JavaScript 上万关键字瞬间匹配实现代码
2013/07/07 Javascript
js实现模拟计算器退格键删除文字效果的方法
2015/05/07 Javascript
深入浅析JavaScript系列(13):This? Yes,this!
2016/01/05 Javascript
原生js编写autoComplete插件
2016/04/13 Javascript
微信小程序 wx.request(OBJECT)发起请求详解
2016/10/13 Javascript
ajax实现动态下拉框示例
2017/01/10 Javascript
vue.js实现会动的简历(包含底部导航功能,编辑功能)
2019/04/08 Javascript
vue.js中ref和$refs的使用及示例讲解
2019/08/14 Javascript
js全屏事件fullscreenchange 实现全屏、退出全屏操作
2019/09/17 Javascript
简单了解微信小程序 e.target与e.currentTarget的不同
2019/09/27 Javascript
Python 文件操作的详解及实例
2017/09/18 Python
python的unittest测试类代码实例
2017/12/07 Python
python2.7 json 转换日期的处理的示例
2018/03/07 Python
Python基于多线程实现ping扫描功能示例
2018/07/23 Python
对python cv2批量灰度图片并保存的实例讲解
2018/11/09 Python
Python HTTP下载文件并显示下载进度条功能的实现
2020/04/02 Python
Python实现查找数据库最接近的数据
2020/06/08 Python
Lands’ End英国官方网站:高质量男女服装
2017/10/07 全球购物
六道php面试题附答案
2014/06/05 面试题
卫校护理专业毕业生求职信
2013/11/26 职场文书
艺术学院毕业生自我评价
2014/03/02 职场文书
大学竞选班长演讲稿
2014/04/24 职场文书
大学生党员批评与自我批评
2014/09/28 职场文书
2015年护士长个人工作总结
2015/04/24 职场文书
毛主席纪念堂观后感
2015/06/17 职场文书
苹果M1芯片安装nginx 并且部署vue项目步骤详解
2021/11/20 Servers