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

  • 相关阅读:
    Deepin安装Python开发环境
    Deepin怎样安装C/C++编译环境更好
    当 tcpdump -w 遇到 Permission denied
    c++中的虚函数
    c++中的new 和delete
    ubuntu没有输入窗口,不能调用输入法
    Ubuntu下升级VisualBox后无法启动 Kernel driver not installed (rc=-1908)
    BCD与GRUB
    adb shell device not found解决
    unsupported number of arguments...的错误
  • 原文地址:https://www.cnblogs.com/opts/p/Layer.html
Copyright © 2020-2023  润新知