对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 相关文章推荐
jQuery1.6 正式版发布并提供下载
May 05 Javascript
JavaScript中for循环的使用详解
Jun 03 Javascript
jQuery+JSON实现AJAX二级联动实例分析
Dec 18 Javascript
分享javascript、jquery实用代码段
Oct 20 Javascript
最细致的vue.js基础语法 值得收藏!
Nov 03 Javascript
vue.js实现仿原生ios时间选择组件实例代码
Dec 21 Javascript
js实现延迟加载的几种方法
Apr 24 Javascript
vue使用axios跨域请求数据问题详解
Oct 18 Javascript
vue点击input弹出带搜索键盘并监听该元素的方法
Aug 25 Javascript
Vue使用mixin分发组件的可复用功能
Sep 01 Javascript
JS 设计模式之:单例模式定义与实现方法浅析
May 06 Javascript
vue 将多个过滤器封装到一个文件中的代码详解
Sep 05 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
浅析THINKPHP的addAll支持的最大数据量
2015/02/03 PHP
PHP的cURL库简介及使用示例
2015/02/06 PHP
php表单提交实例讲解
2015/11/12 PHP
laravel通过创建自定义artisan make命令来新建类文件详解
2017/08/17 PHP
php设计模式之观察者模式定义与用法经典示例
2019/09/19 PHP
找到了一篇jQuery与Prototype并存的冲突的解决方法
2007/08/29 Javascript
Prototype Object对象 学习
2009/07/12 Javascript
javascript IFrame 强制刷新代码
2009/07/23 Javascript
jquery isEmptyObject判断是否为空对象的函数
2011/02/14 Javascript
jquery cookie实现的简单换肤功能适合小网站
2013/08/25 Javascript
详解JavaScript基本类型和引用类型
2015/12/09 Javascript
BootStrap点击下拉菜单项后显示一个新的输入框实现代码
2016/05/16 Javascript
Javascript实现图片懒加载插件的方法
2016/10/20 Javascript
vue.js的安装方法
2017/05/12 Javascript
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法
2017/06/17 Javascript
Node实战之不同环境下配置文件使用教程
2018/01/02 Javascript
vue+jquery+lodash实现滑动时顶部悬浮固定效果
2018/04/28 jQuery
微信小程序日历/日期选择插件使用方法详解
2018/12/28 Javascript
JavaScript组合模式---引入案例分析
2020/05/23 Javascript
简单学习Python time模块
2016/04/29 Python
ubuntu系统下 python链接mysql数据库的方法
2017/01/09 Python
python3+PyQt5 创建多线程网络应用-TCP客户端和TCP服务器实例
2019/06/17 Python
详解numpy.meshgrid()方法使用
2019/08/01 Python
python使用matplotlib绘制雷达图
2019/10/18 Python
python自动化unittest yaml使用过程解析
2020/02/03 Python
Python 中的pygame安装与配置教程详解
2020/02/10 Python
python用tkinter实现一个简易能进行随机点名的界面
2020/09/27 Python
婴儿地球:Baby Earth
2018/12/25 全球购物
新加坡一家在线男士皮具品牌:Faire Leather Co.
2019/12/01 全球购物
Python文件操作的面试题
2013/06/22 面试题
教学评估实施方案
2014/03/16 职场文书
霸气队列口号
2014/06/18 职场文书
大学拉赞助协议书范文
2014/09/26 职场文书
学籍证明模板
2015/06/18 职场文书
python获取淘宝服务器时间的代码示例
2021/04/22 Python
详解CSS伪元素的妙用单标签之美
2021/05/25 HTML / CSS