beacon框架C与L的交互功能开发（C刷新L）

syant

beacon框架C与L的交互功能开发（C刷新L）

一、先找到L刷新L的源代码
检索：data-refresh
>>>>d:\project.syant\0005php\htdocs\wms\js\lay-module\layuimini\miniadmin.js<<<<<
            $('body').on('click', '[data-refresh]', function () {

刷新执行的代码：

1. /**
   
2.              * 刷新
   
3.              */
   
4.             $('body').on('click', '[data-refresh]', function () {
   
5.                 $(".layui-tab-item.layui-show").find("iframe")[0].contentWindow.location.reload();
   
6.                 miniAdmin.success('刷新成功');
   
7.             });

复制代码

找到激活的iframe后执行reload();

二、看C的iframe结构

syant

三、找到C的全屏按钮对应的代码
检索：fullscreen
>>>>c:\apache24\htdocs\application50\admin\view\common\header.html<<<<<
                    <a href="#" data-toggle="fullscreen"><i class="fa fa-arrows-alt"></i></a>

1. <!-- 全屏按钮 -->
   
2.                 <li class="hidden-xs">
   
3.                     <a href="#" data-toggle="fullscreen"><i class="fa fa-arrows-alt"></i></a>
   
4.                 </li>

复制代码

四，在全屏按钮左边加一个刷新iframe按钮
取消主页按钮：
                <li class="hidden-xs">
                    <a href="__PUBLIC__" target="_blank"><i class="fa fa-home" style="font-size:14px;"></i> {:__('Home')}</a>
                </li>


五，找到全屏的事件处理
>>>>c:\apache24\htdocs\dba\assets\js\backend\index.js<<<<<
            $(document).on('click', "[data-toggle='fullscreen']", function () {

1. //全屏事件
   
2.             $(document).on('click', "[data-toggle='fullscreen']", function () {
   
3.                 var doc = document.documentElement;
   
4.                 if ($(document.body).hasClass("full-screen")) {
   
5.                     $(document.body).removeClass("full-screen");
   
6.                     document.exitFullscreen ? document.exitFullscreen() : document.mozCancelFullScreen ? document.mozCancelFullScreen() : document.webkitExitFullscreen && document.webkitExitFullscreen();
   
7.                 } else {
   
8.                     $(document.body).addClass("full-screen");
   
9.                     doc.requestFullscreen ? doc.requestFullscreen() : doc.mozRequestFullScreen ? doc.mozRequestFullScreen() : doc.webkitRequestFullscreen ? doc.webkitRequestFullscreen() : doc.msRequestFullscreen && doc.msRequestFullscreen();
   
10.                 }
    
11.             });

复制代码

syant

六、加刷新处理事件

1.    //全屏事件
   
2.             $(document).on('click', "[data-toggle='refresh']", function () {
   
3.                                 $(".tab-pane.active").find("iframe")[0].contentWindow.location.reload();
   
4.                                 Toastr.success('刷新成功');
   
5.                         });

复制代码