Extjs中对于iFrame的使用
注：Extjs中没有iFrame，只能用html中的来代替！
方式：
在Extjs的元素中加上下面这句话：
html:"<iframe id='frame' name='frame' src='http://******' width=100% height=100%/>"
一.Jsp页面文件：
<%@page import="com.datanew.czfc.enterprise.entity.Enterprise"%>
<%@page import="com.datanew.czfc.util.Configuration"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="com.datanew.czfc.maintain.entity.User"%>
<%
String swdjzh = null;
User user = (User)request.getSession().getAttribute("user");
Enterprise enterprise = user.getMap_en();
if(enterprise != null){
swdjzh = user.getMap_en().getSwdjzh();
}
String reportip = Configuration.getConfig().getString("reportip");//读取配置文件中的内容
String reportport = Configuration.getConfig().getString("reportport");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>企业基本信息</title>
<script type="text/javascript">
var swdjzh = "<%= swdjzh%>";
var reportip = "<%= reportip%>";
var reportport = "<%= reportport%>";
</script>
<link rel="stylesheet" type="text/css" href="../css/dfCommon.css" />
<link rel="stylesheet" type="text/css" href="../js/ext/resources/css/ext-all.css" />
<script type="text/javascript" src="../js/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../js/ext/ext-all.js"></script>
<script type="text/javascript" src="../js/ext/ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="../js/ext/Ext.ux.tree.TreeCheckNodeUI.js"></script>
<script type="text/javascript" src="../js/dfCommon.js"></script>
<script type="text/javascript" src="../js/modules/project/enterpriseMessage.js"></script>
</head>
<body>
</body>
</html>
二.用于显示内容面板的JS文件：
/**
* =================================
* ===========企业基本信息页面JS=========
* =================================
*/
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL = '../js/ext/resources/images/default/s.gif';
Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
Ext.QuickTips.init();
var viewPort = new Ext.Viewport({
layout:"fit",
items:[enterTab]
});
});
var enterTab = new Ext.TabPanel({
id:"enterTab",
activeTab:0,
enableTabScroll:true,
layoutOnTabChange:true,
width : 800,
height : 600,
items:[{
layout:"fit",
title:"企业基本信息",
html:"<iframe id='frame' name='frame' src='http://"+reportip+":"+reportport+"/HappyServer/hrServlet?fileName=hte_2014_10_16154541421&targetVolume=czfc&authId=anonymous_czfc&variants=PA_SWDJZH="+swdjzh+";ISTB=1;' width=100% height=100%/>"
}]
});
图示：在Tab面板中显示一个frame,frame中显示网页内容！
相关推荐
在IT行业中，ExtJS是一个广泛使用的JavaScript框架，用于构建企业...对于使用ExtJS6开发大型Web应用的开发者来说，这样的优化是非常有价值的，因为它有助于确保即使在不稳定的网络环境下，应用也能保持良好的运行状态。
此框架，使用的是EXTJS，主要适合于后台的管理界面和内部使用的管理系统布局。 适用于美工不好，又比较懒的人...根据我自己的需要，结合性能方面的考虑，我使用的是iframe的浏览方式，内部的功能页面，均不使用EXTJS。
在ExtJs中实现Iframe的嵌入功能，主要目的是为了在Web应用中集成外部页面或报表内容。ExtJs是一个用于开发富互联网应用的JavaScript库，它提供了强大的界面组件和数据处理机制。而Iframe（内联框架）标签是HTML的一...
在ExtJS中，我们通常使用`xtype: 'iframe'`来创建一个IFrame组件，然后将其添加到Panel中。然而，由于IFrame内容是异步加载的，Panel可能无法正确预估IFrame的高度，导致滚动条的出现或内容被裁剪。 为了解决这个...
### ExtJs部署及使用方法详解 #### 一、ExtJs部署与配置 ##### 1.1 ExtJs库的安装 为了正确地安装ExtJs库，首先需要将ExtJs的源码包放置到项目的WebRoot目录下，即项目的根目录。在安装过程中，需要创建以下...
5. **Iframe Transport**: 由于HTML5的FormData对象和XMLHttpRequest API在某些老旧浏览器中可能不支持，EXTJS通常会使用隐藏的iframe来处理文件上传，以确保兼容性。这是因为iframe可以承载完整的HTML文档，适合...
Extjs6通过iframe嵌入使用，因为项目庞大，只摘取了主要代码，大家参考使用。 实现了简单的日历的记事功能，可获取、添加、修改等~ 大家可以参考我的简书：https://www.jianshu.com/p/90f701e24e68
`eg-iframe.html`可能包含示例代码或教程，这些示例会在独立的iframe中运行，以便用户可以直观地看到代码的运行效果。 `favicon.ico`是网站图标，显示在浏览器地址栏和书签中，为用户界面提供视觉识别。 `data.js`...
在`extjsIframe例子`中，我们关注的是如何在ExtJS 2.0版本中使用IFrame组件。IFrame（Inline Frame）是一种HTML元素，它允许在网页上嵌入另一个完整的HTML文档，从而实现页面的分层和异步加载。 在ExtJS中，IFrame...
本文主要讨论的是一个特定的场景：在ExtJS框架下，使用Firefox浏览器时，如何解决关闭并重新打开窗口后，iframe中的JavaScript函数无法被访问的问题。这个问题在Internet Explorer和Google Chrome中并未出现，但在...
在EXTJS 中，上传组件是用于实现文件上传功能的关键部分，这对于创建交互性强、用户体验良好的Web应用程序至关重要。本篇文章将详细解析EXTJS中的上传组件及其示例，帮助开发者更好地理解和使用这一功能。 EXTJS 的...
2. **eg-iframe.html** - 这可能是用来展示代码示例的页面，通过IFrame嵌入在主文档中，以便用户可以查看并运行代码。 3. **favicon.ico** - 这是网站的图标，出现在浏览器地址栏和书签中，为网站提供视觉识别。 4. ...
中文版的文档对于中国开发者来说尤其重要，因为它消除了语言障碍，使得学习和使用EXTJS更加便捷。"天涯浪子"是这个翻译版本的作者或贡献者，他通过iteye网站分享了这一资源，为中国的EXTJS社区提供了宝贵的资料。 ...
在此函数中，首先获取当前激活的标签页，然后遍历`TabPanel`中的所有子项，对于每个子项，检查是否为当前激活的标签页以及是否可关闭（`closable`属性）。如果满足条件，则调用`remove`方法将其移除。 #### 关闭...
总的来说，这个资源为使用ExtJS4开发富文本编辑器的开发者提供了一套完整的解决方案，特别是对于需要在编辑器中插入图片的场景。通过学习和应用这份资料，开发者不仅可以掌握如何在ExtJS4的htmleditor中实现图片上传...
8. **API文档**：中文版的API文档对于初学者来说尤为重要，它详细解释了每个类、方法和配置项的功能，便于理解和使用。 9. **示例代码**：文件列表中的eg-iframe.html可能包含了一些示例代码，通过这些实例，开发者...
根据提供的文件信息，本文将详细解释ExtJs 4.2中Window组件的一些常用配置属性以及方法，帮助读者更好地理解和使用这些功能。 ### ExtJs 4.2 Window 组件概述 ExtJs 是一个基于 JavaScript 的开源框架，用于创建...
4. **文件下载**：用户可以直接点击文件名下载，EXTJS会生成一个隐藏的iframe来处理文件流，PHP则提供下载链接并设置必要的HTTP头信息。 5. **搜索功能**：EXTJS的表单组件配合PHP的查询功能，用户可以快速搜索...
EXTJS中的TextArea_HTMLEditor是用于创建富文本编辑器的组件，它基于IFrame技术，提供了丰富的编辑功能，如字体样式调整、段落格式化、插入图片、链接等。这个组件允许用户以WYSIWYG（所见即所得）的方式编辑HTML...
在EXTJS3中，将数据导出到Excel是常见的需求，尤其在处理大量表格数据时，用户可能希望方便地保存和分享数据。EXTJS提供了一种前端解决方案，无需通过后端服务器作为中介，就能实现这一功能。下面我们将深入探讨...