layer.open弹页面

港控/mmm° 2023-07-15 13:29 8阅读 0赞

layer.open主要是用来弹出来一个iframe弹窗，然后用来展示数据也行，用来修改也行，这次记录的主要是展示，展示我想要展示的数据，我需要的页面

layer.open({ 
         type: 1,
         title: '账户信息详情',
         shadeClose: true,
         shade: false,
         maxmin: true, //开启最大化最小化按钮
         area: ['893px', '600px'],
         content: xxxxxxxxx
    });

其他的不看，单看content，因为content的内容就是需要展示的内容

1.  第一种方法，很简单，我想要看一个已经存在的页面，比如说百度，或者项目中某个页面 直接写地址

layer.open({ 
          type: 2,
          title: '很多时候，我们想最大化看，比如像这个页面。',
          shadeClose: true,
          shade: false,
          maxmin: true, //开启最大化最小化按钮
          area: ['893px', '600px'],
          content: 'http://fly.layui.com/'
        });
    
    -----------------------------------------------------------------------
    
    layer.open({ 
          type: 2,
          title: '用户信息。',
          shadeClose: true,
          shade: false,
          maxmin: true, //开启最大化最小化按钮
          area: ['893px', '600px'],
          content: '/test/user/info' + uid
        });

1.  第二种方法，将需要的内容写到页面上，然后在使用的时候调用  
    jsp页面：

然后在js里面调用

layer.open({ 
               type: 1,
               title: '账户信息详情',
               shadeClose: true,
               shade: false,
               maxmin: true, //开启最大化最小化按钮
               area: ['893px', '600px'],
               content: $("#info").html()
    });

1.  第三种方法，直接在js里面拼接

var html = "<div class='wrapper' id='detailsinfo'>" +
               "<div class='detailsdiv'>" +
               "<p><label>帐号：</label>" + '测试帐号' +"</p>" +
               "</div></div>"
                                
    layer.open({ 
        type: 1,
        title: '账户信息详情',
        shadeClose: true,
        shade: false,
        maxmin: true, //开启最大化最小化按钮
        area: ['893px', '600px'],
        content: html
    });

转载至 https://www.cnblogs.com/zhengchenhui/p/6038865.html