layer.open传值

最近在作一个后台项目，正好碰上了要使用layer.open，就顺手记录一下，方便之后遇到了有个参考 - 2016/11/7

　　layer 这个是一个web弹层组件，挺好用的...而后项目框架是SSM...

　　layer.open主要是用来弹出来一个iframe弹窗，而后用来展现数据也行，用来修改也行，此次记录的主要是展现，展现我想要展现的数据，我须要的页面...

layer.open({

type: 1,
 title: '帐户信息详情',
 shadeClose: true,
 shade: false,
 maxmin: true, //开启最大化最小化按钮
 area: ['893px', '600px'],
 content: xxxxxxxxx

});

其余的不看，单看content，由于content的内容就是须要展现的内容

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

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

后面的uid多是你须要传递的某些参数之类的...具体的根据你controller来定

第二种方法，将须要的内容写到页面上，而后在使用的时候调用

jsp页面：

<div id='info' style = "display : none">

我是内容

</div>

而后在js里面调用

layer.open({

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

});

第三种方法，直接在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

});

我如今使用的就是这三种方法，也许还有更好的方法，之后发现了再记录

对于方法一：由于是使用已经存在的controller和页面，因此传值什么都比较方便，须要什么值就获取什么值传递什么值...可是有些页面可能我不想让别人经过url直接就访问到...那就能够用第二种和第三种...所需的数据直接经过ajax从后台获取到，而后再放到具体的位置，而后再展现~~