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

  • 相关阅读:
    Ansible template中j2文件调用var中定义变量报错解决办法
    Ansible 获取hosts中的分组ip
    VUE UI网站汇总
    vue rules详解与实例
    Python 获取设备ip地址
    Flask && Vue 虚拟机申请平台(从开发到部署)
    Vue 把获取到的可编辑表格的值传给后端
    SQLAlchemy基本使用,创建表,增删改查
    Ansible 角色(roles)一键部署redis集群(三主三从)
    Flask 数据库相关操作
  • 原文地址:https://www.cnblogs.com/opts/p/Layer.html
Copyright © 2011-2022 走看看