对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 相关文章推荐
HTA版JSMin(省略修饰语若干)基于javascript语言编写
Dec 24 Javascript
jquery下json数组的操作实现代码
Aug 09 Javascript
jQuery中使用了document和window哪些属性和方法小结
Sep 13 Javascript
基于Jquery插件开发之图片放大镜效果(仿淘宝)
Nov 19 Javascript
JavaScript仿支付宝密码输入框
Dec 29 Javascript
Javascript的表单验证-提交表单
Mar 18 Javascript
浅谈javascript中关于日期和时间的基础知识
Jul 13 Javascript
Bootstrap输入框组件使用详解
Jun 09 Javascript
Node之简单的前后端交互(实例讲解)
Nov 14 Javascript
JavaScript DOM常用操作代码汇总
Jul 03 Javascript
JS绘图Flot应用图形绘制异常解决方案
Oct 16 Javascript
ES11屡试不爽的新特性,你用上了几个
Oct 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
星际争霸中的对战模式介绍
2020/03/04 星际争霸
农民和部队如何穿矿
2020/03/04 星际争霸
php在线生成ico文件的代码
2007/10/09 PHP
php+js实现图片的上传、裁剪、预览、提交示例
2013/08/27 PHP
2个自定义的PHP in_array 函数,解决大量数据判断in_array的效率问题
2014/04/08 PHP
PHP魔术方法的使用示例
2015/06/23 PHP
Ajax提交表单时验证码自动验证 php后端验证码检测
2016/07/20 PHP
php解决DOM乱码的方法示例代码
2016/11/20 PHP
jQuery 树形结构的选择器
2010/02/15 Javascript
jquery中防刷IP流量软件影响统计的一点对策
2011/07/10 Javascript
jQuery 下拉列表 二级联动插件分享
2012/03/29 Javascript
JavaScript动态操作表格实例(添加,删除行,列及单元格)
2013/11/25 Javascript
javaScript数组迭代方法详解
2016/04/14 Javascript
微信小程序  modal弹框组件详解
2016/10/27 Javascript
微信小程序之绑定点击事件实例详解
2017/07/07 Javascript
js图片放大镜实例讲解(必看篇)
2017/07/17 Javascript
微信小程序项目实践之九宫格实现及item跳转功能
2018/07/19 Javascript
Vue.js 十五分钟入门图文教程
2018/09/12 Javascript
jQuery实现模拟搜索引擎的智能提示功能简单示例
2019/01/27 jQuery
微信小程序 子级页面返回父级并把子级参数带回父级实现方法
2019/08/22 Javascript
JavaScript创建、读取和删除cookie
2019/09/03 Javascript
vue-router 控制路由权限的实现
2020/09/24 Javascript
[02:41]辉夜杯现场一家三口 “我爸玩风行 我玩血魔”
2015/12/27 DOTA
python脚本内运行linux命令的方法
2015/07/02 Python
Python如何定义接口和抽象类
2020/07/28 Python
python接口自动化之ConfigParser配置文件的使用详解
2020/08/03 Python
Django url 路由匹配过程详解
2021/01/22 Python
CSS的background属性及CSS3的背景图片设置总结
2016/06/13 HTML / CSS
副总经理任命书
2014/06/05 职场文书
真诚的求职信
2014/07/04 职场文书
大学生创业事迹材料
2014/12/30 职场文书
转让协议书
2015/01/27 职场文书
2015年教师自我评价范文
2015/03/04 职场文书
闪闪的红星观后感
2015/06/08 职场文书
预备党员表决心的话
2015/09/22 职场文书
OpenCV 图像梯度的实现方法
2021/07/25 Python