Ext TabPanel 选项卡混乱问题问题

TabPanel有3个选项卡，每个选项卡都有一个iframe。第一次启动各个选项卡都没问题。但当点击选项卡中的超练接到到其他界面在返回的时候选项卡的内容就发生了变化。不知... TabPanel有3个选项卡，每个选项卡都有一个iframe 。第一次启动各个选项卡都没问题。但当点击选项卡中的超练接到到其他界面在返回的时候选项卡的内容就发生了变化。不知道是ext的bug还是自己配置不对啊。
代码如下
超练级界面.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>启动页面</title>
<link rel="stylesheet" type="text/css" href="css_js/resources/css/ext-all.css" />

<script type="text/javascript" src="css_js/adapter/ext/ext-base.js"></script>

<script type="text/javascript" src="css_js/ext-all.js"></script>

<script type="text/javascript" src="css_js/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
Ext.onReady(function() {
var tabs = new Ext.TabPanel({
renderTo: 'tabs',
width: 380,
height:350,
frame: true,
activeTab: 0,
defaults: { autoHeight: true },
items: [
{title: '我的客户',html: '<iframe src="HTMLPage1.htm" frameborder="0" width="370" height="350" id="mainpage0"></iframe>'}
,{title: '我的合同',html: '<iframe src="HTMLPage2.htm" frameborder="0" width="370" height="350" id="mainpage1"></iframe>'}
,{title: '我的业务事项',html: '<iframe src="HTMLPage3.htm" frameborder="0" width="370" height="350" id="mainpage2"></iframe>'}
]
});
});

</script>
</head>
<body>
<div id="tabs"></div>
</body>
</html>
---------------------------------------------------------------------------------------------------------------
HTMLPage1.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
</head>
<body>
<a href="超练级界面.htm" target="_parent">客户</a>
</body>
</html>
--------------------------------------
HTMLPage2.htm
HTMLPage3.htm 同HTMLPage1.htm一样将“客户”该为其他文字起到一个区分的作用

超练级界面.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
</head>
<body>
<input id="Button1" type="button" value="返回" onclick="window.history.go(-1);"/>
</body>
</html> 展开

 我来答

1个回答

#热议# 什么是淋病？哪些行为会感染淋病？

李迅宇
2010-11-23 · TA获得超过121个赞

知道答主

回答量：105

采纳率：0%

帮助的人：78.3万

我也去答题访问个人页

关注

展开全部

听说ext跟iframe有冲突,不知道是不是,可以试下直接加载文件,而不用iframe啊
items: [
{title: '我的客户',
autoLoad:{
url: 页面文件路径
}
}
,{title: '我的合同',autoLoad:{
url: 页面文件路径
}
}
,{title: '我的业务事项',autoLoad:{
url: 页面文件路径}'}
]

本回答由提问者推荐

已赞过 已踩过<

评论收起

微测检测5.10
2023-07-11 广告

IEC62133与en62133的区别如下：1. 认证机构不同：IEC62133是国际的标准，它以国际通用的标准进行生产；而en62133采用的是欧盟的标准，它使用欧盟的生产需求进行生产。2. 宗旨不同：IEC62133的宗旨是促进电气、电... 点击进入详情页

本回答由微测检测5.10提供

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

Ext TabPanel 选项卡混乱问题问题

为你推荐：