layui 弹框
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>cancel E-commerce booking </title> <link href="/booking/css/bootstrap.min.css" rel="stylesheet">
<script src="/booking/js/jquery-1.11.3.min.js"></script>
<script src="/booking/js/bootstrap.min.js"></script>
<script src="/booking/layui/layui.all.js"></script>
<script src="/booking/js/cancelbooking.js"></script> <!-- <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> --> </head>
<body> <div class="container-fluid"
style="width: 802px; height: 450px; background:#d4d4d4 no-repeat "> <div class="row" style="height: 150px">
<!--top part-->
</div>
<div class="row" >
<div class="col-md-3 col-sm-3 col-xs-3 ">
<!--left part -->
</div>
<div class="col-md-7 col-sm-7 col-xs-7 "> <div class="searchBox">
<form action="">
<input type="text" class="searchIpt f14" style="height: 36px;width:300px " id="bookingNumber" name="bookingNumber"
maxlength="" autocomplete="off" placeholder="Please enter one booking number for cancel." required>
 
<input type="button" class="btn btn-warning" style="height: 35px" onclick="cancelBooking()" value="Cancel Booking">
</form>
</div> </div>
<!-- right part -->
<div class="col-md-2 col-sm-2 col-xs-2">
</div>
</div>
</div>
</body>
<!-- <script type="text/javascript"> function doCancel(bookingNo,message){
layer.confirm(message,{btn: ['Yes', 'No'],title:"Cancel Booking"}, function(){
//add loading
var loading0 = layer.load(,{shade: [0.7, '#393D49']}, {shadeClose: true});
var url2 = "/booking/rs/cancelbooking/cancel/"+bookingNo;
$.ajax({
type: "get",
url: url2,
data: null,
dataType: "json",
async:true,
success:function(data1)
{
if(data1.status == '')
{ //close loading
layer.close(loading0)
//layer.msg(data.message, {icon: 1});
layer.alert(data1.message,{
icon: ,
btn:'Ok',
title: "Operation Result"
});
}else
{ //close loading
layer.close(loading0)
layer.alert(data.message,{
icon: ,
btn:'Ok',
title: "Operation Result"
});
}
},
error: function(XMLHttpRequest, status, thrownError)
{
layer.close(loading0);
layer.msg("Connection timeout, network exception !", {icon:,time:});
return false;
}
});
});
} function cancelBooking(){
var inputValue= $("#bookingNumber").val();
// input is null
if(inputValue == null||inputValue==''||inputValue == undefined){
layer.msg("Please enter one booking number!", {icon:,time:});
return;
}
var url = "/booking/rs/cancelbooking/query/"+inputValue;
//add loading
var loading1 = layer.load(,{shade: [0.7, '#393D49']}, {shadeClose: true});
$.ajax({
type: "get",
url: url,
data: null,
dataType: "json",
async:true,
success:function(data)
{
if(data.status == '')
{
layer.close(loading1);
doCancel(inputValue,data.message);
}else
{
layer.close(loading1);
layer.alert(data.message,{
icon: ,
btn:'Ok',
title: "Operation Result"
});
}
},
error: function(XMLHttpRequest, status, thrownError)
{
layer.close(loading1);
layer.msg("Connection timeout, network exception !", {icon:,time:});
return false;
}
});
} </script> --> </html>
layui 弹框的更多相关文章
- 记一次layui弹框关闭问题
我在博客园记录过layui关于弹框关闭问题,文章为layui关闭弹出层,这次出现了特殊情况,之前是通过layer.closeAll()解决了这个问题,但是这次解决不了.而换成parent.layer. ...
- layui弹框文件导入
lr.ajax({ type : "post", data :formFile, url : importUrl, contentType: false,// 且已经声明了属性en ...
- layui弹出框打开第二次select内容无法显示问题
今天, 在使用layui弹出框的时候, 第一次进入select内容加载是正常的, 将弹出框关闭再次进入后select下拉框内容为空, 经排查是因为每次弹出窗口z-index都会改变, 弹出框的z-in ...
- 解决 layui 弹出层（弹框）一闪而过就消失的问题 （转载）
转载: 原文链接:https://blog.csdn.net/qq_20594019/article/details/83956532 本人遇到问题:使用layer.open()弹出页面层,出现弹框闪 ...
- layUI弹出框提示
简单介绍:项目使用layUI框架好久了,也没来的及写一篇关于layUI弹出层的随笔.现在补上.经常用到的,一般都是在ajax成功回调函数后边写. //js代码 s和fail 是ajax返回的数据lay ...
- layui layer弹框中表格的显示
场景描述:点击iframe里面的一个按钮,需要在父级弹出一个弹框表格. 问题描述:这个弹框的分页不能正常显示,如果把layer.open前面的parent去掉,就可以正常显示. 代码展示: paren ...
- layui子弹框调用父弹框方法
var thisFrame = parent.window.document.getElementById("LAY_layuiStampDuty1").getElementsBy ...
- layui table中固定表头，弹框缩放之后，表头对不齐问题
新手一枚 直接上解决方案 在layui弹出成功后再渲染表格数据 具体操作就是在layer弹层完成之后的回调中渲染表格数据 layer.open({ type: 1, content: $(&quo ...
- layer弹框
官网http://layer.layui.com/ /!*如果是页面层*/layer.open({ type: 1, content: '传入任意的文本或html' //这里content是一个普通的 ...
随机推荐
- 6-9 😢 5小时的debug： 从rails 命令运行超慢开始->删除rails->删除ruby->删除rvm->安装上rvm->安装上ruby
上午,莫名其妙的rails app不能用了,rails -v一查发现不存在.ruby -v发现是2.0的版本.很着急上火,因为很少使用过rvm这个ruby版本控制器.所以照官网文档.从新安装ruby, ...
- UVA-1336 Fixing the Great Wall（区间DP）
题目大意:长城(视作x正半轴)有n处破损.有一个智能修复机器人,它的初始位置和移动速度已知.每处破损处都有一组参数(x,c,d),x表示位置,c.d表示在时间t后再修复该处破损的花费为d*t+c.求用 ...
- 在JavaScript中进行文件处理，第一部分：基础
译注:原文是<JavaScript高级程序设计>的作者Nicholas Zakas写的,本翻译纯属为自己学习而做,仅供参考.原文链接:这里 很多年前,我在一次Goole面试被问到,如何在w ...
- -webkit新属性 image-set和srcset
响应式图片的作用: 为使用不同分辨率的不同浏览器用户提供适合其浏览环境的图片大小的解决方案. 之前的解决方法是使用@media 但是-webkit新提出的image-set和srcset同样可以解决问 ...
- Winform开发之窗体显示、关闭与资源释放
Winform的窗体涉及到一般窗体(单文档窗体).MDI窗体.窗体之间的关系等,那么如果调用打开新窗体.如何关闭窗体.窗体资源的释放等都关系到软件运行的效率,本文一一介绍 1.窗体的显示 从一个窗体打 ...
- name_save matlab
file=dir('/home/wang/Desktop/trainset/num0/');for i=3:length(file) path= strcat('/home/wang/Desk ...
- .NET CORE微服务实践
.NET CORE微服务实践 https://www.cnblogs.com/zengqinglei/p/9570343.html .NET CORE 实践部署架构图 实践源码:https://git ...
- bootstrap table教程--使用入门基本用法
笔者在查询bootstrap table资料的时候,看了很多文章,发觉很多文章都写了关于如何使用bootstrap table的例子,当然最好的例子还是官网.但是对于某部分技术人员来说,入门还是不够详 ...
- Centos7配置 SNMP服务
本文转载至:http://blog.51cto.com/5001660/2097212 一.安装yum源安装SNMP软件包 1.更新yum源: yum clean all yum makecach ...
- 02 - Unit03：注册功能实现
注册功能实现 发送Ajax请求 服务器处理 Ajax回调处理 发送Ajax请求 绑定事件: "注册"按钮的单击事件 获取参数: 用户名/密码/昵称 请求地址: /user/regi ...