Extjs4使用iframe注意事项

最新推荐文章于 2020-03-19 14:39:36 发布

转载最新推荐文章于 2020-03-19 14:39:36 发布 · 178 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/zj62/p/3769128.html

收录于

当前文章被以下社区和专栏收录：

本文详细介绍了在ExtJS框架中如何自定义一个video panel组件，并通过contentEl引用iframe元素的方法。当video panel渲染或关闭时，iframe元素的处理方式也被深入探讨。

 1 "video" : {
 2                     render : function(panel, eOpts) {
 3                         // 因为iframe在video
 4                         // panel渲染的时候就已经完全移动到video中了，所以document中就不再有iframe这个元素了
 5                         // video关闭的时候也会自动把panel中的所有元素销毁，所以如果我们还想使用iframe元素，只有再重新手动创建并添加到body中
 6                         var container = Ext.getBody();
 7                         var eleMessage = ' <iframe id="lmsVideo" style="position:absolute;" overflow="auto" scrolling="auto" frameborder="0" height="100%" width="100%"/>';
 8                         Ext.DomHelper.append(container, eleMessage);
 9                     }
10                 }