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();
           }

 

目录
相关文章
|
24天前
|
存储 移动开发 前端开发
HTML基础知识:构建网页的基石
【10月更文挑战第11天】HTML基础知识:构建网页的基石
55 0
|
3月前
|
数据采集 移动开发 前端开发
HTML代码的革命:语义化标签的魅力,让你的网页结构焕然一新!
【8月更文挑战第26天】本文探讨了Web前端开发中的语义化标签概念及其重要性。语义化标签通过使用具有明确含义的HTML标签来构建页面结构,提升了网页的可访问性及搜索引擎优化效果,并增强了代码的可读性和维护性。文章还讨论了实际开发中遇到的问题及未来发展趋势。
52 0
|
2月前
|
JavaScript 前端开发 容器
用HTML DOM实现有条件地渲染网页元素(上)
用HTML DOM实现有条件地渲染网页元素(上)
|
2月前
|
存储 JavaScript 前端开发
用HTML DOM实现有条件地渲染网页元素(下)
用HTML DOM实现有条件地渲染网页元素(下)
|
4月前
|
数据挖掘 Shell 测试技术
怎么用Python解析HTML轻松搞定网页数据
**Python解析HTML摘要** 本文介绍了使用Python处理HTML的常见需求,如数据提取、网络爬虫和分析,并讨论了三种解析方法。正则表达式适用于简单匹配,但对复杂HTML不理想;BeautifulSoup提供简单API,适合多数情况;lxml结合XPath,适合处理大型复杂文档。示例展示了如何用这些方法提取链接。
|
27天前
|
数据安全/隐私保护 C++
【HTML】构建网页的基石
本文介绍了HTML的基本概念和常用标签,包括HTML文件的基本结构、常见标签(如标题、段落、换行、图片、超链接等)、表格与表单的使用方法,以及无语义标签div和span的特性。通过具体示例展示了如何在VS Code中快速生成HTML框架及各标签的应用场景,帮助初学者快速掌握HTML的基础知识。
45 1
【HTML】构建网页的基石
|
2月前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
3月前
|
移动开发 HTML5
可达鸭举牌网页版本在线生成源码html5
可达鸭举牌网页版本,在线生成源码,点击分享即可制作DIY自己的举牌文字网页,需要GIF动图的自行用GIF图片录制工具录制下来。
45 1
可达鸭举牌网页版本在线生成源码html5
|
3月前
|
前端开发
HTML网页作业代码(仿写商城首页、学校官网网页等、源码可直接运行)
这篇文章提供了HTML网页作业的完整代码,包括仿写商城首页和学校官网网页的源码,以及如何运行和项目结构等详细信息。
HTML网页作业代码(仿写商城首页、学校官网网页等、源码可直接运行)
|
2月前
|
移动开发 前端开发 数据挖掘
用HTML5中的 画布(Canvas)在“圳品”信息系统网页上绘制显示饼图
用HTML5中的 画布(Canvas)在“圳品”信息系统网页上绘制显示饼图