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

  • 相关阅读:
    cf D. Vessels
    cf C. Hamburgers
    zoj 3758 Singles' Day
    zoj 3777 Problem Arrangement
    zoj 3778 Talented Chef
    hdu 5087 Revenge of LIS II
    zoj 3785 What day is that day?
    zoj 3787 Access System
    判断给定图是否存在合法拓扑排序
    树-堆结构练习——合并果子之哈夫曼树
  • 原文地址:https://www.cnblogs.com/opts/p/Layer.html
Copyright © 2011-2022 走看看