对layer弹出框中icon数字参数的说明介绍
前言
icon参数为0,如下代码:
layer.msg('请选择要编辑的机构', {icon: 0});
运行结果如图:

icon参数为1,如下图

icon参数为2,如下图:

icon参数为3,如下图:

icon参数为4,如下图:

icon参数为5,如下图:

icon参数为6,如下图:

icon参数为7,如下图:

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});
}
}

3. 更多
lay更多知识:参考Lay官网
以上这篇对layer弹出框中icon数字参数的说明介绍就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
解决layer图标icon不加载的问题
之前在项目中使用layer弹框感觉体验很好,这次的项目中就引入了,但是引入之后,弹出层如下图: 代码: layer.msg("密码不正确!", {icon:5,time:1000}); 并没有显示出图标! F12查看才发现如下报错: http://127.0.0.1:8020/xxx/js/theme/default/layer.css?v=3.1.1 net::ERR_ABORTED layer.js 于是找到 layer.js,搜索 layer.css ,会搜索到两处地方,修改第二
-
详解Layer弹出层样式
前言:学习layer弹出框,之前项目是用bootstrap模态框,后来改用layer弹出框,在文章的后面,我会分享项目的一些代码(我自己写的). layer至今仍作为layui的代表作,她的受众广泛并非偶然,而是这五年多的坚持,不断完善和维护.不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力.目前,layer已成为国内最多人使用的web弹层组件,GitHub自然Stars3000+,官网累计下载量达30w+,大概有20万Web平台正在使用layer. 具体请
-
对layer弹出框中icon数字参数的说明介绍
前言 icon参数为0,如下代码: layer.msg('请选择要编辑的机构', {icon: 0}); 运行结果如图: icon参数为1,如下图 icon参数为2,如下图: icon参数为3,如下图: icon参数为4,如下图: icon参数为5,如下图: icon参数为6,如下图: icon参数为7,如下图: 2. 确认框示例 //锁定机构 function lockOrg(){ var row = orgDataGrid.datagrid('getSelected'); if(row){
-
layer弹出框确定前验证:弹出消息框的方法(弹出两个layer)
layer 弹出框中经常遇到要弹出表单进行修改数据, 因此在弹出框中的表单需要验证数据, 就需要在弹出一个layer, 默认的设置会自动关闭原来的layer, 解决办法如下: type参数: 0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层) 因此设置type的值, 可以实现弹出两个弹出框:(只有确定按钮的部分代码) yes: function (index, layero) { var tableId=$("#tableId"); var signform
-
在layer弹出层中通过ajax返回html拼接字符串填充数据的方法
1,在给一个layer弹出层做checkbox自动选中时,ViewBag传递的时object类型,用不了lambda表达式,代码如下, @foreach (var perm in ViewBag.allPerms) { <input type="checkbox" id="permissionIds_@perm.Id" name="PermissionIds" value="@perm.Id" checked="
-
layer弹出层中H5播放器全屏出错的解决方法
1. 在layer弹窗组件中 如果使用了flash播放器,全屏是正常的 但若使用了HTML5的播放器,全屏失效 举个栗子 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js
-
解决layer.open弹出框不能获取input框的值为空的问题
最近使用layer框架来做页面弹出框操作.总是不能获取弹出框中input的值,代码如下:红色标记区域 添加js代码 //Ajax添加品牌 function addBrandWI(){ layer.open({ type: 0, title: '品牌添加', shadeClose: true, shade: 0.8, btn: ['保存', '取消'], area: ['40%', '70%'], content: $('#add_Brand').html(), yes:function(inde
-
Bootstrap实现提示框和弹出框效果
首先讲一讲提示框(Tooltip) 的使用方法 样式文件: LESS版本:对应源文件 tooltips.less <style id="jsbin-css"> body { padding: 100px; } .btn { margin: 20px 10px 20px; } </style> </head> <body> <h3>按钮做的提示框</h3> <button type="button&q
-
Js 弹出框口并返回值的两种常用方法
1.window.showModalDialog(url,args,dialogattrs) 参数说明: url:弹出页面地址 agrs:主窗口传给对话框的参数,可以是任意类型(数组也可以) dialogattrs:弹出窗口的样式参数 模式对话框用法: 主窗口:var value =window.showModalDialog('test.jsp',strs,'resizable:yes'); 弹出框中通过window.returnValue来设置返回值,上面的value拿到的就是这个值,然后主
-
PopupWindow仿微信浮层弹出框效果
最近公司项目需要实现类似微信的浮层弹出框.研究发现是用PopupWindow实现的.而且可以自定义位置以及出现和退出时的动画,由于太晚了就不实现动画了,需要得同学请自己研究下.由于本人新手其中的不足和缺点请见谅. 代码如下: 首先是定义顶部按钮的main.xml文件 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.an
-
python selenium 弹出框处理的实现
弹出框有两种:页面弹出框(可定位元素能操作).Windows弹出框(不能直接定位) 一.页面弹出框 等待弹出框出现之后,定位弹出框,操作其中元素 如: driver = webdriver.Chrome() driver.get("https://www.baidu.com") driver.maximize_window() #点击百度登录按钮 driver.find_element_by_xpath('//*[@id="u1"]//a[@name="t
随机推荐
- javascript prototype,executing,context,closure
- django实现同一个ip十分钟内只能注册一次的实例
- Vue.js Ajax动态参数与列表显示实现方法
- 用VBS精确计算2的100次方的代码
- Windows 2003 服务器安全设置图文教程
- BAT批处理中使用数组示例
- 如何实现只授予用户查看存储过程定义的权限
- Python程序员开发中常犯的10个错误
- Python中使用logging模块打印log日志详解
- PHP制作百度词典查词采集器
- Android实现listview动态加载数据分页的两种方法
- iOS实现获取系统iTunes音乐的方法示例
- PHP 事务处理数据实现代码
- Bootstrap Tree View简单而优雅的树结构组件实例解析
- typecho插件编写教程(四):插件挂载
- 利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
- Powershell创建数组正确、更快的方法
- Windows安装MySQL 5.7.18 解压版的教程
- javascript的document中的动态添加标签实现方法
- Android搜索框(SearchView)的功能和用法详解
