demo中的事例在加载tab页面时是

1   functioncreateFrame(url) {2             var s = '<iframe name="iframepanel" scrolling="no" frameborder="0"  src="' + url + '" style="width:100%;height:100%;"></iframe>';3             returns;4 }5 var content =createFrame(url);6                 $('#tabs').tabs('add', {7 title: title,8 content: content,9                     closable: true
10                 });

由于学疏才浅,简单的理解为,页面加载时iframe渲染一次,tab加载时又刷新一次页面,导致两次请求

function_323(_324,pp,_325){var _326=$.data(_324,"tabs");
_325=_325||{};
pp.panel($.extend({},_325,{border:false,noheader:true,closed:true,doSize:false,iconCls:(_325.icon?_325.icon:undefined),onLoad:function(){if(_325.onLoad){
_325.onLoad.call(this,arguments);
}
_326.options.onLoad.call(_324,$(this));
}}));var opts=pp.panel("options");var tabs=$(_324).children("div.tabs-header").find("ul.tabs");
opts.tab=$("<li></li>").appendTo(tabs);
opts.tab.append("<a href=\"javascript:void(0)\" class=\"tabs-inner\">"+"<span class=\"tabs-title\"></span>"+"<span class=\"tabs-icon\"></span>"+"</a>");
$(_324).tabs("update", { tab: pp, options: opts });
};

而在tabs执行'update'前加上opts.content = "";便解决了两次请求的问题,不知道会不会有什么后患

后期发现点击树叶节点,界面不在刷新,是因为在执行addTab 这个function时var url = $(currTab.panel('options').content).attr('src');此时得到的url="",所以不能继续向下执行做update方法;我就干脆把它注释掉了,直接用参数里传过来的url参数。开始想用创建好的iframe里的属性src,但是由于要传递参数,iframe创建好后,没有修改src属性,调到的参数值一直是第一次创建的iframe的src属性,所以干脆就注释了,使用了参数的url值,不知还会有什么Bug???

easyUI layout 中使用tabs+iframe解决请求两次方法相关推荐

  1. Vue-cli3.x中使用Axios发送跨域请求的配置方法

    Vue-cli3.x中使用Axios发送跨域请求的配置方法 安装axios npm i axios -s main.js中引入 import axios from 'axios'//将axios挂载在 ...

  2. C++对类中字符串成员进行初始化的两种方法以及友元函数的使用

    在C++之中,如果要建立一个类,且类中需要有字符串数据成员,我们可以把该成员声明成两种类型. 第一种方法:使用头文件string,把字符串数据成员声明为string类的对象,用这种方法对字符串操作十分 ...

  3. android中实现view的更新有两组方法

    android中实现view的更新有两组方法,一组是invalidate,另一组是postInvalidate,其中前者是在UI线程自身中使用,而后者在非UI线程中使用.     Android提供了 ...

  4. java数组循环扩容_Java中实现数组动态扩容的两种方法

    Java中实现数组动态扩容的两种方法 java中初始化一个数组需要定义数组的容量,而在我们使用数组时往往会遇到数组容量不够的情况,此时我们就需要通过动态扩容的方式来来根据需求扩大数组的容量. 我们可以 ...

  5. 在word文档中如何自动生成目录,两种方法制作目录,总有一种适合你

    在word文档中如何自动生成目录,两种方法制作目录,总有一种适合你 目录 在word文档中如何自动生成目录,两种方法制作目录,总有一种适合你 1.文章中的标题较多,每个单独调整格式太费劲,这里我们用一 ...

  6. qt5设置linux系统时间,Qt中使用QLabel显示时间的两种方法

    Qt中使用QLabel显示时间的两种方法思路一致,只是实现方法不一样而已. main.cpp #include "displaytime.h" #include int main( ...

  7. 安装wireshark中npcap无法安装以及winpcap无法安装(已解决【两个方法】)

    关于安装wireshark中nacap一直无法安装以及wincap无法安装解决方法[两个方法] 1.安装wireshark没有问题,中途弹出安装npcap有问题,试过网上各种解决方法依然无法解决,电脑 ...

  8. C++/C++11中用于定义类型别名的两种方法:typedef和using

    类型别名(type alias)是一个名字,它是某种类型的同义词.使用类型别名有很多好处,它让复杂的类型名字变得简单明了.易于理解和使用,还有助于程序员清楚地知道使用该类型的真实目的.在C++中,任何 ...

  9. linux设置系统自动开机,Linux系统中设置开机自动运行的两种方法

    有时可能会需要在重启时或者每次系统启动时运行某些命令或者脚本.我们要怎样做呢?本文中我们就对此进行讨论. 我们会用两种方法来描述如何在 CentOS/RHEL 以及 Ubuntu 系统上做到重启或者系 ...

最新文章

  1. Linux下用Xdebug调试php
  2. 2021-02-09 带初值的拉氏变换
  3. 问题:linux系统经常出现断网的情况,重启之后系统恢复正常
  4. Angle和XBGoost以及Spark的性能对比
  5. Cloud一分钟 |格力电器营收比去年增长500亿元; 红黄蓝加盟停不下来;中美双方同意停止相互加征新的关税...
  6. 切片分析报告格式_社科论文写作101-APA数据分析结果报告格式
  7. 用Java语言编写的特殊算法
  8. Mysql-环境配置及问题解决
  9. Hive 导数据到本地(2种方式)
  10. 别让小小的“短信验证码”毁了用户体验
  11. java web文件上传详解_java web图片上传和文件上传实例详解
  12. socket和URLConnection
  13. 【图像特征提取】基于脉冲耦合神经网络(PCNN)实现图像特征提取含Matlab源码
  14. 高等数学期末复习——知识点梳理
  15. sangerbox制作heapmap_ArcMap制作土地利用转移矩阵——图文详解版.pdf
  16. 区块链智能合约----Solidity状态修饰符view、pure
  17. vcpkg: bootstrap-vcpkg.bat下载失败问题
  18. 通过淘宝司法拍卖购买房子,需要注意些什么?
  19. 关于flash分区打印信息jffs2: jffs2_scan_eraseblock(): Magic bitmask 0x1985
  20. 记一次E3-1220V2+HD7450黑苹果安装10.13的过程

热门文章

  1. linux设备模型的主要功能,Linux设备模型(3)
  2. python xycoords_python可视化节点关系(三):matplotlib(2)鼠标交互
  3. JAVA数组扁平化整合_5种方法实现数组扁平化
  4. mapinfo图层导入奥维_(通信技能分享)怎样把谷歌地球上画的路线图导入到测试软件中!...
  5. php mail centos_centos怎么发送邮件
  6. 《软件需求分析(第二版)》第 6 章——获取客户的需求 重点部分总结
  7. jsp中String path = request.getContextPath()的作用
  8. Linux常用命令与基本操作、填空题、简答题
  9. IntelliJ IDEA关于logger的live template配置
  10. iis 日志 post数据_云原生日志的趋势(1):logscape和logiq