Ext在IE7中的一个奇怪问题

悬赏园豆：50 [已关闭问题] 关闭于 2008-09-08 11:10

最近在学习ext，发现在IE7下面使用iframe时有个奇怪的问题。有两个页面，a.aspx，使用Ext做的一个页面，里面有个grid，单独浏览正常。代码如下：<DIV class="cnblogs_code"><IMG id="Code_Closed_Image_153825" onclick="this.style.display='none'; Code_Closed_Text_153825.style.display='none'; Code_Open_Image_153825.style.display='inline'; Code_Open_Text_153825.style.display='inline';" height="16" src="/Images/OutliningIndicators/ContractedBlock.gif" width="11" align="top"><IMG id="Code_Open_Image_153825" style="DISPLAY: none" onclick="this.style.display='none'; Code_Open_Text_153825.style.display='none'; Code_Closed_Image_153825.style.display='inline'; Code_Closed_Text_153825.style.display='inline';" height="16" src="/Images/OutliningIndicators/ExpandedBlockStart.gif" width="11" align="top">Code 1 <html xmlns="http://www.w3.org/1999/xhtml" > 2 <head runat="server"> 3 <title></title> 4 <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" /> 5 <script type="text/javascript" src="adapter/ext/ext-base.js"></script> 6 <script type="text/javascript" src="ext-all.js"></script> 7 <script type="text/javascript" src="js/demo4.js" charset="gb2312"></script> 8 </head> 9 <body> 10 <form id="form1" runat="server"> 11 <h1>Demo A</h1> 12 <div id="page-grid"> 13 </div> 14 </form> 15 </body> 16 </html</DIV>脚本如下,<IMG id="Code_Open_Image_153950" style="DISPLAY: none" onclick="this.style.display='none'; Code_Open_Text_153950.style.display='none'; Code_Closed_Image_153950.style.display='inline'; Code_Closed_Text_153950.style.display='inline';" height="16" src="/Images/OutliningIndicators/ExpandedBlockStart.gif" width="11" align="top"><DIV class="cnblogs_code"><IMG id="Code_Closed_Image_154041" onclick="this.style.display='none'; Code_Closed_Text_154041.style.display='none'; Code_Open_Image_154041.style.display='inline'; Code_Open_Text_154041.style.display='inline';" height="16" src="/Images/OutliningIndicators/ContractedBlock.gif" width="11" align="top"><IMG id="Code_Open_Image_154041" style="DISPLAY: none" onclick="this.style.display='none'; Code_Open_Text_154041.style.display='none'; Code_Closed_Image_154041.style.display='inline'; Code_Closed_Text_154041.style.display='inline';" height="16" src="/Images/OutliningIndicators/ExpandedBlockStart.gif" width="11" align="top">Code 1 Ext.onReady(function(){ 2 var myData = [ 3 ['张三','测试','2006-1-1'], 4 ['李四','测试一','2006-5-6'], 5 ['王五','测试二','2007-12-1'] 6 ]; 7 8 var ds = new Ext.data.Store 9 ({ 10 proxy: new Ext.data.MemoryProxy(myData), 11 reader: new Ext.data.ArrayReader({}, [ 12 {name:'sender'}, 13 {name:'title'}, 14 {name:'sendtime'} 15 ]) 16 }); 17 ds.load(); 18 var colModel = new Ext.grid.ColumnModel 19 ([ 20 { 21 header:'发送人',width:100,sortable:true,dataIndex:'sender' 22 }, 23 {id:'title',header:'标题', width:100,sortable:true,dataIndex:'title'}, 24 {header:'发送时间',width:75,sortable:true,dataIndex:'sendtime'} 25 ]); 26 var grid = new Ext.grid.GridPanel({ 27 title:'条目列表', 28 ds: ds, 29 cm: colModel, 30 autoScroll: true, 31 height:380, 32 width:600 33 }); 34 grid.render('page-grid'); 35 function onItemClick(item){ 36 Ext.Msg.alert('提示',item.text); 37 }; 38 }) 39</DIV>b.aspx，代码如下：<DIV class="cnblogs_code"><IMG id="Code_Closed_Image_154122" onclick="this.style.display='none'; Code_Closed_Text_154122.style.display='none'; Code_Open_Image_154122.style.display='inline'; Code_Open_Text_154122.style.display='inline';" height="16" src="/Images/OutliningIndicators/ContractedBlock.gif" width="11" align="top"><IMG id="Code_Open_Image_154122" style="DISPLAY: none" onclick="this.style.display='none'; Code_Open_Text_154122.style.display='none'; Code_Closed_Image_154122.style.display='inline'; Code_Closed_Text_154122.style.display='inline';" height="16" src="/Images/OutliningIndicators/ExpandedBlockStart.gif" width="11" align="top">Code 1 <html xmlns="http://www.w3.org/1999/xhtml" > 2 <head runat="server"> 3 <title></title> 4 </head> 5 <body> 6 <form id="form1" runat="server"> 7 <div> 8 <iframe id="main" src="a.aspx" width="100%" height="100%" frameborder="0" scrolling="auto"></iframe> 9 </div> 10 </form> 11 </body> 12 </html</DIV>浏览b.aspx，应该在里面的iframe中显示a.aspx，这段代码在Opera下浏览正常，但是在IE7下，却无法显示，提示"null为空“，发现出错的代码是脚本中的grid.render('page-grid')，在onReady时，如果页面在Iframe中，page-grid就为空，所以无法显示。请问各位有没有什么好的解决方案。

网站开发 Ajax框架

问题补充： 经过几天的探索，找了个不是太完美的解决方案，就是在js中，把代码不要放在onReady中，并且把grid.render('page-grid');这局话去掉，然后在a.aspx中改为如下方式， <script type="text/javascript"> function OnLoad() { grid.render('page-grid'); } </script> </head> <body onload="OnLoad()"> <div id="page-grid"></div> </body> 这样就能解决了。但是这个解决方案实在不好，造成整个代码比较混乱。请大家看看有没有什么好的解决方案。

*小小黄* | 初学一级 | 园豆：177
提问于：2008-08-28 15:44

< >

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。

Ext在IE7中的一个奇怪问题

欢迎，请先登录或者注册。