zoukankan      html  css  js  c++  java
  • 使用Layer弹出一个页面

    使用Get方式获取到请求页面的Html,然后作为Content使用Layer弹出来

    $.get('@Url.Action("AddressAdd", "Customer")', {}, function (result) {
      if (result.Flag == 0) {
        ZTLayer.showTips(result.Message, 2);
        return;
    }
    ZTLayer.openWindow(result, '@T("Account.CustomerAddresses.AddNew")', 600);

    openWindow: function (content, title, width, height) {
      width = width || 500;
      height = height || 500;


      var offset = ((window.screen.height - height) * 0.3) + 'px';

      return layer.open({
        title: title
        , content: content
        , type: 1
        , offset: offset //具体配置参考:http://www.layui.com/doc/modules/layer.html#offset
        , shade: 0.5 // 遮罩层透明度
        , resize: false
        , area: [width + 'px', height + 'px']
        , skin: 'layui-layer-rim'
      });
    },

    var surefun = function () {
    $.post('@Url.Action("CancelOrder")', postData, function (data) {
      if (data.flag) {
        location.reload();
      } else {
        ZTLayer.showTips(data.msg);
      }
     })
    };
    ZTLayer.confirm('@T("Admin.Common.AreYouSure")', '', '@T("Common.Yes")', surefun, '@T("Common.No")')

    //与JS confirm相似
    confirm: function (content, title, sureText, sureFunction, closeText, closeFunction) {
      title = title || "";

      layer.confirm(
        content, { title: title, icon: 3, btn: [sureText, closeText], resize: false },
        function (index) {//确定回调
        if (sureFunction) {
          sureFunction();
        }
        layer.close(index);
    }, function (index) {//cancel回调
      if (closeFunction) {
        closeFunction();
      }
      layer.close(index);
    });
    },

  • 相关阅读:
    Map 中的EntrySet() ,Map的遍历
    Struts2拦截器原理
    基于 <tx> 和 <aop> 命名空间的声明式事务管理
    Spring AOP Example 文件下载:
    Struts2拦截器
    好多开发文档——官网打不开的福音
    threejs样例
    bootCDN,用了都说好
    react拷贝index.html很恶心之解决办法
    网络爬虫好
  • 原文地址:https://www.cnblogs.com/opts/p/Layer.html
Copyright © 2011-2022 走看看