layui layer 弹框

　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

});

巴特西

layui layer 弹框

最新文章

热门文章