<!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>

                    &nbsp

                    <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 弹框的更多相关文章

  1. 记一次layui弹框关闭问题

    我在博客园记录过layui关于弹框关闭问题,文章为layui关闭弹出层,这次出现了特殊情况,之前是通过layer.closeAll()解决了这个问题,但是这次解决不了.而换成parent.layer. ...

  2. layui弹框文件导入

    lr.ajax({ type : "post", data :formFile, url : importUrl, contentType: false,// 且已经声明了属性en ...

  3. layui弹出框打开第二次select内容无法显示问题

    今天, 在使用layui弹出框的时候, 第一次进入select内容加载是正常的, 将弹出框关闭再次进入后select下拉框内容为空, 经排查是因为每次弹出窗口z-index都会改变, 弹出框的z-in ...

  4. 解决 layui 弹出层（弹框）一闪而过就消失的问题 （转载）

    转载: 原文链接:https://blog.csdn.net/qq_20594019/article/details/83956532 本人遇到问题:使用layer.open()弹出页面层,出现弹框闪 ...

  5. layUI弹出框提示

    简单介绍:项目使用layUI框架好久了,也没来的及写一篇关于layUI弹出层的随笔.现在补上.经常用到的,一般都是在ajax成功回调函数后边写. //js代码 s和fail 是ajax返回的数据lay ...

  6. layui layer弹框中表格的显示

    场景描述:点击iframe里面的一个按钮,需要在父级弹出一个弹框表格. 问题描述:这个弹框的分页不能正常显示,如果把layer.open前面的parent去掉,就可以正常显示. 代码展示: paren ...

  7. layui子弹框调用父弹框方法

    var thisFrame = parent.window.document.getElementById("LAY_layuiStampDuty1").getElementsBy ...

  8. layui table中固定表头，弹框缩放之后，表头对不齐问题

    新手一枚  直接上解决方案 在layui弹出成功后再渲染表格数据 具体操作就是在layer弹层完成之后的回调中渲染表格数据 layer.open({ type: 1, content:  $(&quo ...

  9. layer弹框

    官网http://layer.layui.com/ /!*如果是页面层*/layer.open({ type: 1, content: '传入任意的文本或html' //这里content是一个普通的 ...

随机推荐

  1. SQL向一个表中批量插入&&删除大量数据

    插入: 1. 数据从另一个表中获取 (1)两表结构不一样insert into tb1 需要的列名 select 按照前面写上需要的列名 from tb2(2)两表结构一样insert into tb ...

  2. JavaScript基本概要

    body, table{font-family: 微软雅黑; font-size: 10pt} table{border-collapse: collapse; border: solid gray; ...

  3. 'mysql'不是内部或外部命令，也不是可运行的程序或批处理文件.

    'mysql'不是内部或外部命令,也不是可运行的程序或批处理文件. 今天中午新换了一个系统,重装了一下wampserver2.2.下午想导入一个数据库文件打开dos,输入MySQL -u root - ...

  4. BZOJ2938: [Poi2000]病毒（AC自动机）

    2938: [Poi2000]病毒 Time Limit: 1 Sec  Memory Limit: 128 MBSubmit: 1678  Solved: 849[Submit][Status][D ...

  5. python3 随机生成UserAgent

    安装库 pip install fake_useragent #引入 from fake_useragent import UserAgent; ua = UserAgent(); print(ua. ...

  6. SCSI学习笔记

    1. sudo sg_inq --len=36 /dev/sda  使用INQUIRY来查询scsi设备信息

  7. 树莓派(raspberry pi)系统开发

    [树莓派(raspberry pi)] 01.在linux环境下给树莓派安装系统及入门各种资料 [树莓派(raspberry pi)] 02.PI3安装openCV开发环境做图像识别(详细版) 出处: ...

  8. Linux下Moodle平台的快速安装方案

    一种快速安装与配置Moodle平台的方案,基本步骤: 1.选择与安装Linux系统 2.配置网络,开启shh和网络端口 3.一键安装集成环境(使用oneinstack方案) 4.服务器配置,端口和PH ...

  9. 自定义linux命令

    ​ 方法一.修改/etc/bashrc文件 在文件底部加入 alias zone="cd /usr/local/webserver" 在命令行输入zone,则会直接进入到制定目录 ...

  10. jquery 绘图工具 flot 学习笔记

    今天想做一个统计图表,像163博客的流量统计一样的,借助 flot 实现了,而且很简单. flot网址:http://code.google.com/p/flot/ 下载 JS 文件,使用方法和 jq ...