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中显示网页内容！
相关推荐
Extjs6 插件IFrame.js存在一定问题。同步利用ajax进行异步检测访问是否可达，如果不可达则重置iframe的url，指定显示404界面。
此框架，使用的是EXTJS，主要适合于后台的管理界面和内部使用的管理系统布局。 适用于美工不好，又比较懒的人...根据我自己的需要，结合性能方面的考虑，我使用的是iframe的浏览方式，内部的功能页面，均不使用EXTJS。
Iframe 有的时候还是须要的，比如在Tab中嵌入报表、嵌入其它系统的界面。下面代码是项目中一段。希望对用ExtJS开发的兄弟做个参考。
Extjs6通过iframe嵌入使用，因为项目庞大，只摘取了主要代码，大家参考使用。 实现了简单的日历的记事功能，可获取、添加、修改等~ 大家可以参考我的简书：https://www.jianshu.com/p/90f701e24e68
在IE与google chrome中则一切正常，很是郁闷，找了很多种调用iframe中函数的方法，问题一直没有解决。今天在google上又搜索了一下，耐心的浏览搜索结果，最后发现有人写到可以用 document.getElementById(‘iframeid...
extjs 2.0 iframe 例子
使用方法 页面引入jQuery.js、TabPanel.js、Fader.js、TabPanel.css new TabPanel({ renderTo:'tabs', width: '100%', height: '500px', active: 0, items: [{ title:'工作中心', html:'<iframe ...
本程序使用了EXTJS3.3最新版本！框架特点具体有： 1。全动态JS文件与CSS文件加载，具有避免重复加载的功能 2。对模块JSON进行了拓展，执行效率更高一些 3。将某些JSON数据用XML进行替换解析，可以直接用C#的DataSet...
对ExtJS的TabPanel加载带js的iframe页提供支持 extjs load once提供支持 extjs 面板间消息传递提供支持。。 <br>资源整理自extjs论坛，修正了里面的链接和异常，直接部署到extjs2.1的example底下就可以 ...
2.Birt中如何使用mdx语言 3.Mdx语言的参数传递 4.Extjs pannel中显示birt报表 5.Birt report viewer 汉化 6.去掉标题栏和工具栏 7.修改birt view port风格 8.累计求和（面对可能出现空值的情况） 9.隐藏...
一、原因分析 this.WinData.AutoLoad.Mode = LoadMode.IFrame; WinData.AnimateTarget = ... 使用PlaceHolder让窗口弹出具有动画效果 二、解决方案 this.WinData.AutoLoad.Mode = LoadMode.IFrame; 去掉动画效果即可
-重命名AccordionPanel为AccordionPane (这也是在Asp.net AJAX中使用的名称). +所有的面板默认有两个集合属性（Toolbars和Items）. -尽管TabStrip, From, Tree, Accordion继承了Items属性，但是你并不能对其设置...
-重命名AccordionPanel为AccordionPane (这也是在Asp.net AJAX中使用的名称). +所有的面板默认有两个集合属性（Toolbars和Items）. -尽管TabStrip, From, Tree, Accordion继承了Items属性，但是你并不能对其设置...
并对EXTJS中原有的一些不适合大型项目使用的方法进行了改写，具体有： 1。全动态JS文件与CSS文件加载，具有避免重复加载的功能 2。对模块JSON进行了拓展，执行效率更高一些 3。将某些JSON数据用XML进行替换解析，...
随着版本的更新，AysncBox 已经能够在项目中助以一份微薄之力，同时 AysncBox 不断为用户提供一个良好、便捷的使用环境。 插件说明： - 能够实现网站的整体风格效果，给用户一个新的视觉享受。 - 主要模拟常用的 ...
-为了解决ExtJS本身的一个问题——如果单选框列表或者复选框列表中没有任何一项，就会出现JS错误。 -你需要手动将那些没有任何项的单选框列表或者复选框列表的Visible属性设置false来解决这个问题。 -为了能够在Ajax...
本程序使用了EXTJS3.3最新版本！并对qwikioffice 中原有的一些不适合大型项目使用的方法进行了改写，具体有： 1。全动态JS文件与CSS文件加载，具有避免重复加载的功能 2。对模块JSON进行了拓展，执行效率更高一些 3...
支持指定document,也可以是iframe中的document进行打印 经过微软数字签名（即不会在IE中提示：不安全的控件） 支持ie5-ie10,及以ie为内核的浏览器,如腾讯,360等 支持extjs、jquery等前台开发框架 支持php、.net、...
开源，免费的在线考试学习系统本程序使用了ExtJS 系统环境，包括php , Apache ,Mysql 涉及到的程序 DiscuzX , ...纠正了IE6中iframe报错 提供多人在线考试 提供统分排名 提供教师批改 提供缓存机制 改善示例试卷