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

  • 相关阅读:
    permission 文档 翻译 运行时权限
    TabLayout ViewPager Fragment 简介 案例 MD
    Log 日志工具类 保存到文件 MD
    OkHttp 官方wiki 翻译 MD
    Okhttp 简介 示例 MD
    OkHttp 官方Wiki之【使用案例】
    DialogPlus
    倒计时 总结 Timer Handler CountDownTimer RxJava MD
    RecyclerView 判断滑到底部 顶部 预加载 更多 分页 MD
    CSS3的媒体查询(Media Queries)与移动设备显示尺寸大全
  • 原文地址:https://www.cnblogs.com/opts/p/Layer.html
Copyright © 2011-2022 走看看