论坛首页 Web前端技术论坛

如何消除Ext.Window划过IFrame窗口时的阻滞效果

浏览 2294 次
该帖已经被评为隐藏帖
作者 正文
   发表时间:2009-09-11   最后修改:2009-09-11
当拖拽一个Ext.Window控件经过IFrame窗口时,会出现移动阻滞现象,而如果在IFrame范围外拖拽移动则一切正常。
个人判断似乎是由于跨窗体对象的坐标计算或事件传递相对困难所致...

(具体现象可通过运行附件里的参考代码来重现)


请问各位有没有碰到类似问题?是否有好的解决方案?(有一种说法是通过div遮挡iframe的方式来“阻隔”iframe窗体对Ext.Window控件移动的影响,不知是否可行?)


请注意问题前提:使用IFrame方式载入Tab子页面是既定方案,无法更改,因此不能考虑autoLoad机制(何况这种机制使用起来也有些复杂问题要解决)

   发表时间:2009-09-11  
ie里,iframe select 等不是正常html组件,不会受z-order影响,而是object 一个解决办法,移动window或是mask的时候,display掉所有的ifame和select
0 请登录后投票
   发表时间:2009-09-11  
kimmking 写道
ie里,iframe select 等不是正常html组件,不会受z-order影响,而是object 一个解决办法,移动window或是mask的时候,display掉所有的ifame和select


谢谢回复。恕我贪心一点,可否在我所提供的源代码作一点具体改进措施。(为了更好说明问题,我稍微修改了一下演示代码,让其中一个Tab子页面通过IFrame方式载入Google页面,另一个Tab子页面仅载入简单Html文本,请注意重新下载运行并观察当Window分别移动经过这两个Tab子页面时的不同表现)

其实ExtJS在拖拽移动Window时已经为我们考虑得很周到了,包括被这个Window所遮挡的iframe中的select控件都得到了很好的处理(原理恰如楼上所说),通过运行代码实例也可以看出,移动过程中并不会出现任何不恰当的遮挡或显示,即便当拖拽Window经过IFrame区域时也还算工作正常,唯一的缺陷就在于远不如非IFrame区域那样移动流畅,确实很想知道这两者的区别何在。。。
0 请登录后投票
   发表时间:2009-09-12  
有研究过Ext.Window拖拽操作源代码的Javascript和ExtJS达人吗?或许可以在源代码基础上解释为什么在IFrame和非IFrame区域存在流畅性的区别
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics