Extjs打开window窗口自动加载html网页

简介: Window inherits the autoLoad config option from Panel. Note that I included all config options below, where most are optional: var w = new Ext.

 

Window inherits the autoLoad config option from Panel. Note that I included all config options below, where most are optional:

var w = new Ext.Window({
  autoLoad: {
    url: "someApplicationURL",
    params: {
      firstName: "Shuman",
      lastName: "Human"
    },
    callback: someCallbackFuncion,
    scope: someObjectObject,
    discardUrl: true,
    nocache: true,
    text: "Loading...",
    timeout: 60,
    scripts: false
  },
  height: 300,
  width: 600
});

Keep in mind that this only supports URLs which are in the context of your application's domain, i.e. you can't plug in a URL of 'http://www.google.com' and expect it to work.

意思是说只能打开自己的应用程序,而网上的类似百度谷歌打不开的。只能在window里面内嵌一个panel即可打开

 

LOOK:

<script type="text/javascript">
    var center=new Ext.TabPanel({
        style:"padding:0 5px 0 5px",
        region:"center",
        activeItem:0,
        enableTabScroll:true,
        layoutOnTabChange:true,
        autoScroll:true,
        items:[{
            xtype:"panel",
            id:"index",
            iconCls:"homemanage",
            title:"测试",
            html:"<iframe src='http://www.geg.cn'scrolling='yes' frameborder=0 width=100% height=100%></iframe>"
        }]
    });
 
    Ext.onReady(function(){
        var vp=new Ext.Viewport({
            layout:"border",
            items:[center]
        });
    })
 
    </script>

我自己写了一个,也基本上差不多就是这个样子:

seePdfDocument : function(){
                if(!this.seePdfWin){
                    this.seePdfWin = new Ext.Window({
                                title : docNo + '报表预览页',
                                modal : true,
                                width : 1270,
                                height : 600,
                                layout : 'fit',
                                draggable : true,
                                resizable : true,
                                closeAction : 'hide',
                                //autoLoad : { url: 'http://www.qq.com',scripts: true, nocache: true}
                                 
                                items:[{
                                        xtype:"panel",
                                        id:"index",
                                        iconCls:"homemanage",
                                        title:"baidu一下 你就know",
                                        html:"<iframe src='http://www.baidu.com'scrolling='yes' frameborder=0 width=100% height=100%></iframe>"
                                    }]
                                //items : [pdfHeadManagerPanel]
                            });
                }
                    this.seePdfWin.show();
           }

 

目录
相关文章
|
22天前
|
移动开发 IDE 前端开发
HTML基础-标签与元素:构建网页的基石
【6月更文挑战第1天】HTML是网页基础,由标签和元素定义内容结构与样式。本文介绍HTML标签(如`<p>`)和元素(包括开始、结束标签及内容),并列出常见错误:忘记闭合标签、错误嵌套顺序、不恰当使用自封闭标签及混淆标签与属性。建议遵循标准、使用IDE辅助、验证代码和持续实践来避免错误。示例代码展示基本用法:`<html><head><title>...</title></head><body>...</body></html>`。学习HTML标签与元素是前端开发入门关键。
|
9天前
|
移动开发 HTML5 前端开发
【网页搭建基石】:揭秘HTML标签的魔法世界
【网页搭建基石】:揭秘HTML标签的魔法世界
|
9天前
|
缓存 前端开发 JavaScript
从HTML、CSS以及其他方面介绍一些移动端网页性能优化的策略
【6月更文挑战第14天】本文探讨了移动端网页性能优化的重要性,并提出了HTML、CSS及其他方面的优化策略。HTML方面,建议精简结构、使用语义化标签、异步加载脚本和压缩文件。CSS优化包括简化样式、利用CSS3动画、媒体查询及压缩文件。其他策略涉及图片和字体优化、缓存利用、压缩传输数据、减少HTTP请求及监听网络状态。通过这些方法,可提升网页性能,改善用户体验。
15 1
|
18天前
|
数据采集 移动开发 搜索推荐
HTML基础-HTML5新增语义标签:解锁网页结构新维度
【6月更文挑战第5天】本文介绍了HTML5的语义标签,旨在提升网页结构化和可访问性。核心语义标签包括`&lt;header&gt;`、`&lt;nav&gt;`、`&lt;main&gt;`、`&lt;article&gt;`、`&lt;section&gt;`、`&lt;aside&gt;`、`&lt;footer&gt;`、`&lt;figure&gt;`和`&lt;figcaption&gt;`。常见问题包括滥用标签作布局工具、忽略`&lt;main&gt;`、不恰当嵌套和忽视辅助功能。
|
17天前
|
Web App开发 移动开发 JavaScript
ExtJS中运用HTML5 Canvas简单例子
ExtJS中运用HTML5 Canvas简单例子
16 0
|
21天前
|
前端开发 UED SEO
HTML基础-链接与图片插入:网页的连接与视觉元素
【6月更文挑战第2天】本文介绍了HTML中`<a>`和`<img>`标签的使用,包括链接的基本结构、目标类型以及图片的插入、尺寸调整和对齐方式。常见问题涉及链接和图片路径、缺失`alt`属性及尺寸不匹配,解决方案包括正确引用资源、使用绝对URL和重视`alt`属性。通过示例代码,展示了创建链接和图片的方法,强调了提升网页用户体验的重要性。
|
22天前
|
前端开发 搜索推荐 UED
HTML基础-文本格式化标签:美化网页内容
【6月更文挑战第1天】本文介绍了HTML的文本格式化标签,包括`<b>`、`<strong>`、`<i>`、`<em>`、`<u>`、`<s>`、`<mark>`、`<small>`、`<sub>`和`<sup>`等,强调了语义化使用和避免常见错误的重要性。示例代码展示了这些标签的用法,帮助提升网页内容的可读性和吸引力。
|
26天前
|
存储 移动开发 前端开发
使用HTML5和CSS3构建现代网页:技术详解与实践
【5月更文挑战第28天】本文详细介绍了使用HTML5和CSS3构建现代网页的技术与实践。HTML5新增语义化标签、多媒体支持、本地存储和表单验证等功能,提升了网页开发效率和用户体验。CSS3则带来了更多选择器、盒模型改进、背景与边框样式以及动画过渡效果,使网页设计更具视觉冲击力。通过实例展示了如何结合两者创建结构清晰、交互丰富、响应式的现代网页。
|
26天前
|
人工智能
大字体学生出勤记录系统网页HTML源码
源码介绍 上课需要一个个点名记录出勤情况,就借助AI制作了一个网页版学生出勤记录系统, 大字体显示学生姓名和照片,让坐在最后排学生也能看清楚,显示姓名同时会语音播报姓名, 操作很简单,先导入学生姓名和照片,点击到课或未到课就能自动下一位, 并且记录出勤情况,点击导出记录就能导出文件。
28 0
大字体学生出勤记录系统网页HTML源码
|
1月前
|
缓存 前端开发 JavaScript
【专栏:HTML与CSS移动端开发篇】移动端网页性能优化策略
【4月更文挑战第30天】本文探讨了移动端网页性能优化的重要性,并提出了优化策略。HTML方面,建议精简结构、使用语义化标签、异步加载脚本和压缩文件;CSS优化包括精简样式、使用CSS3动画、媒体查询和压缩文件。其他策略涉及图片和字体压缩、缓存利用、数据压缩、减少HTTP请求及根据网络状态调整加载。综合运用这些策略能提升网页性能和用户体验。