dialog_url.html 991 B

12345678910111213141516171819202122
  1. <div style="padding: 25px 25px 15px 25px;" id="demoUrlDialog">
  2. <div class="layui-text">
  3. 我是一个独立页面的弹窗,我可以不用iframe就能做到把弹窗页面独立,因为admin.open方法会自动用ajax来把我的内容异步加载到弹窗中,我还会从上个页面接收传递过来的数据,下面的这个关闭按钮也是我自己加的,而且不需要任何js就能关闭我,只需要给它增加ew-event="closePageDialog"属性即可。
  4. </div>
  5. <div class="text-center" style="padding-top: 15px;">
  6. <button class="layui-btn" ew-event="closePageDialog">关闭我</button>
  7. </div>
  8. </div>
  9. <!-- js部分 -->
  10. <script>
  11. layui.use(['layer', 'admin'], function () {
  12. var $ = layui.jquery;
  13. var layer = layui.layer;
  14. var admin = layui.admin;
  15. var layerData = admin.getLayerData('#demoUrlDialog');
  16. layer.msg('我收到了的数据:' + JSON.stringify(layerData), {icon: 2});
  17. });
  18. </script>