Extjs 的Panel放入iframe的三重方法
来源:互联网 发布:千牛for mac 编辑:程序博客网 时间:2024/05/15 21:47
- //way 1 //it works
- var frame1 = document.createElement("IFRAME");
- frame1.id = "frame1";
- frame1.frameBorder = 0;
- frame1.src = "reports/empty-report.html";
- frame1.height = "100%";
- frame1.width = "100%";
- var panel2 = new Ext.Panel( {
- id : "panel2",
- items: [ frame1 ]
- //contentEl: "frame1" //this won't work
- });
- //way 2 //it works, too
- var panel2 = new Ext.Panel( {
- id: "panel2",
- fitToFrame: true,
- html: '<iframe id="frame1" src="../examples/layout/table.html" frameborder="0" width="100%" height="100%"></iframe>'
- });
- //way 3 //it works
- // first, we need to add a line in HTML
- //<iframe id="frame1_rename" frameborder="0" height="100%" width="100%" src="reports/empty-report.html"/>
- var panel2 = new Ext.Panel( {
- id: "panel2",
- contentEl: "frame1"
- });
- // 后面将frame导航到其它URL
- document.getElementById("frame1").src = "/extjs3/examples/layout/vbox.html";
- 转载自:http://www.cnblogs.com/hannover/archive/2011/01/24/1943507.html
阅读全文
0 0
- Extjs 的Panel放入iframe的三重方法
- 将百度地图放入EXTJS的panel控件中
- G4Studio+extjs+highcharts 下在ext4j的panel中放入hightCharts图表
- Extjs 的panel 介绍
- EXTJS Panel 中radio选中值的获取方法
- ExtJS 控件的基础 Panel
- ExtJs-01-简单的Panel
- extjs panel add 和remove panel的注意事项
- extjs panel add 和remove panel的注意事项
- extjs panel add 和remove panel的注意事项
- Extjs学习笔记----------Panel的使用
- ExtJs-02-可拖动的Panel
- extjs如何操作panel的html
- ExtJs 复杂的panel设置控件只读
- [Sencha Touch/ExtJS] Container/Panel/List等容器的滚动(到顶部)的方法
- 学习ExtJS Panel常用方法
- 学习ExtJS Panel常用方法
- 学习ExtJS Panel常用方法
- mysql 日期函数
- CentOS 7 安装及卸载MongoDB
- Python-网络爬虫之BeautifulSoup(2)
- wireshark 学习更进一步 之wireshark正确数据解读
- 欢迎使用CSDN-markdown编辑器
- Extjs 的Panel放入iframe的三重方法
- MacOSX更新本机DNS缓存命令
- 安装Oracle后电脑卡的解决办法
- wpf问题~解决DataGrid列列头及可见性的绑定问题
- Maven使用教程
- RxSwift在UITableViewCell或者UICollectionViewCell中绑定数据遇到的UI混乱的问题
- Android studio 清除无用资源引用
- 1039. Course List for Student (25)
- Shell系列—Shell 数组