对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 相关文章推荐
ExtJs GridPanel简单的增删改实现代码
Aug 26 Javascript
js模拟点击以提交表单为例兼容主流浏览器
Nov 29 Javascript
JavaScript代码复用模式详解
Nov 07 Javascript
基于JS实现新闻列表无缝向上滚动实例代码
Jan 22 Javascript
jQuery ztree实现动态树形多选菜单
Aug 12 Javascript
jQuery实现的省市联动菜单功能示例【测试可用】
Jan 13 Javascript
JS与HTML结合实现流程进度展示条思路详解
Sep 03 Javascript
解决bootstrap模态框数据缓存的问题方法
Aug 10 Javascript
vue实现的仿淘宝购物车功能详解
Jan 27 Javascript
jquery插件懒加载的示例
Oct 24 jQuery
小程序实现密码输入框
Nov 16 Javascript
Vue如何跨组件传递Slot的实现
Dec 14 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实现从上传文件创建缩略图的方法
2015/04/02 PHP
PHP7扩展开发教程之Hello World实现方法示例
2017/08/03 PHP
关于取不到由location.href提交而来的上级页面地址的解决办法
2009/07/30 Javascript
实用的Jquery选项卡TAB示例代码
2013/08/28 Javascript
AngularJS入门知识之MVW类框架的编程思想探讨
2014/12/08 Javascript
完美兼容IE,chrome,ff的设为首页、加入收藏及保存到桌面js代码
2014/12/17 Javascript
基于jQuery全屏焦点图左右切换插件responsiveslides
2015/09/07 Javascript
理解javascript异步编程
2016/01/27 Javascript
jquery对dom节点的操作【推荐】
2016/04/15 Javascript
基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)
2016/08/10 Javascript
svg动画之动态描边效果
2017/02/22 Javascript
ExtJs的Ext.Ajax.request实现waitMsg等待提示效果
2017/06/14 Javascript
vue使用技巧及vue项目中遇到的问题
2018/06/04 Javascript
express express-session的使用小结
2018/12/12 Javascript
Vue模板语法中数据绑定的实例代码
2019/05/17 Javascript
微信小程序HTTP接口请求封装代码实例
2019/09/05 Javascript
微信小程序全选多选效果实现代码解析
2020/01/21 Javascript
Vue页面跳转传递参数及接收方式
2020/09/09 Javascript
解决vant-UI库修改样式无效的问题
2020/11/03 Javascript
python正则表达式中的括号匹配问题
2014/12/14 Python
Python切换pip安装源的方法详解
2016/11/18 Python
pandas按若干个列的组合条件筛选数据的方法
2018/04/11 Python
python3+PyQt5自定义视图详解
2018/04/24 Python
对Python+opencv将图片生成视频的实例详解
2019/01/08 Python
python3使用腾讯企业邮箱发送邮件的实例
2019/06/28 Python
详解django实现自定义manage命令的扩展
2019/08/13 Python
Python 变量的创建过程详解
2019/09/02 Python
PYQT5 vscode联合操作qtdesigner的方法
2020/03/24 Python
pytorch学习教程之自定义数据集
2020/11/10 Python
UNIONBAY官网:美国青少年服装品牌
2019/03/26 全球购物
汽车销售员如何做职业生涯规划
2014/02/16 职场文书
买房协议书
2014/04/11 职场文书
让生命充满爱演讲稿
2014/05/10 职场文书
毕业典礼演讲稿
2014/05/13 职场文书
2014年实习期工作总结
2014/11/27 职场文书
2015年七年级班主任工作总结
2015/05/21 职场文书