ExtJs中如何灵活使用Iframe!

最新推荐文章于 2019-01-17 09:27:06 发布

iteye_3941

最新推荐文章于 2019-01-17 09:27:06 发布

阅读量99

点赞数

文章标签： javascript ViewUI

本文介绍如何利用iframe技术在ExtJS中高效处理大量数据展示的问题，通过实例展示了index.html和frame.html文件的代码实现，以及iframe的简单用法。包括编辑窗口和主窗口之间的交互操作。

ExtJS虽然能够作出非常华丽的页面，但对于大量的数据显示来说任然存在着很多的不足！而使用iframe则可以巧妙的解决该问题，使我们运用Ext更加灵活自如，将我们的项目做得更加完美！下面讲述的就是iframe的简单用法：（如有更好的解决方案望各位指出）

1.index.html:

addWin = new Ext.Window({
id:'addWin',
title : '主窗口',
width : 400,
height : 350,
modal : true,
closeAction : 'hide',
html:'<iframe id="frame" name="frame" src="frame.html" width=100% height=100%/>'
});
addWin.show();

fun_del = function(){
alert('This is delete function!');
}
});
</script>

2.frame.html