`
Sev7en_jun
  • 浏览: 1227582 次
  • 性别: Icon_minigender_1
  • 来自: 广州
博客专栏
84184fc0-d0b6-3f7f-a3f0-4202acb3caf5
Apache CXF使用s...
浏览量:111477
社区版块
存档分类
最新评论

Ext.Panel HTML设置问题

    博客分类:
  • JS
 
阅读更多

    var Test= new Ext.Panel({
        id:Test_panel',
        title:'业务地图',
        listeners: {activate: handleTestActivate},
        margins:'5 0 0 5',//up right down left
        html:'<iframe id="mapTro" src="/Test.html" width="100%" height="100%" frameborder="0" scrolling="auto"></iframe>'
          });

 

如上所示:
src设置本地html在页面上无法显示。

 
------------------------------------------------------------------------
 

解决方案如果无法加载html文件,在Panel里面加入属性

        frame: true,
        frameHeader: true,//这个好像不是必须的

就可以正常引入Test.html路径根据实际情况定

分享到:
评论

相关推荐

    Ext.Tree.Panel

    `Ext.Tree.Panel`是EXT JS库中的一个重要组件,用于展示层次结构的数据,通常用作树形菜单或文件系统目录的视图。这个组件是EXT JS框架中用于创建交互式、可扩展的树结构的工具。以下是对`Ext.Tree.Panel`相关知识的...

    EXT.form组件

    8. `htmleditor`:`Ext.form.HtmlEditor`是一个富文本编辑器,用户可以编辑HTML内容,包括字体、颜色、图片等。 9. `numberfield`:`Ext.form.NumberField`继承自`Ext.form.TextField`,专用于处理数字输入。它提供...

    一个简单的Ext.Window中插入图片的例子

    在`Ext.Window`中添加内容通常通过设置其`items`配置项来完成,可以是任何Ext JS支持的组件,如`Ext.Panel`、`Ext.form.FieldSet`或直接的HTML元素。 插入图片主要涉及以下步骤: 1. **创建图片对象**:在...

    ext使用--Panel和iframe联合使用时页面高度的解决方法

    Panel有自己的布局管理器,可以设置为各种布局模式,如fit、border、form等,来决定其内部组件的排列方式。 `IFrame`则是一个在Web页面中嵌入另一个HTML页面的元素。在ExtJS中,我们通常使用`xtype: 'iframe'`来...

    EXT dojochina文本框示例Ext.form.TextField.rar

    1. **基本用法**:最简单的使用方式是在表单(`Ext.form.Panel`)中创建一个`Ext.form.TextField`,用于用户输入文本。例如: ```javascript var form = new Ext.form.Panel({ items: [{ xtype: 'textfield', ...

    Ext.ux.SwfUploadPanel.js

    该组件通常表现为一个面板(Panel),用户可以在其中选择并上传多个文件。它的主要特点包括: 1. **多文件选择**:用户可以通过文件选择对话框一次性选取多个文件进行上传。 2. **进度条显示**:每个文件的上传进度...

    Ext.js教程和Ext.js API

    1. **入门**:介绍安装步骤、基本HTML结构和引入Ext.js库的方法。 2. **组件系统**:讲解组件的概念,包括容器(Container)、面板(Panel)、窗口(Window)等,以及布局管理(Layouts)。 3. **数据管理**:讲解...

    Ext.Button的扩展

    HTML文件可能包含了Panel的结构和按钮的HTML标记,而JavaScript文件则负责设置Panel和Button的配置项,以及可能的事件监听器。 `ImageButton.js` 文件很可能是扩展`Ext.Button`的核心代码。在这个文件里,开发者...

    Ext组件描述,各个组件含义

    **2.8 Panel (Ext.Panel)** - **xtype**: `panel` - **功能描述**:Panel 是一个包含标题、工具栏、主体等部分的容器。 - **主要用途**:作为独立的窗口或页面区域,提供丰富的布局和样式。 **2.9 Progress Bar ...

    extjs4.x tabpanel 动态加载panel和html例子

    var panel = Ext.create('Ext.panel.Panel', config); this.add(panel).show(); // 添加并显示面板 this.setActiveTab(panel); // 设置当前活动的tab } ``` 3. **创建并添加panel** 当用户触发某个事件(如...

    Extjs自动最大化panel

    这种功能通常通过设置Panel的布局和配置项来实现,比如使用`fit`布局,或者利用`autoWidth`和`autoHeight`属性,使Panel自动适应其父容器的大小。 在实现这种功能时,开发者可能需要关注以下几个关键知识点: 1. *...

    ExtJs选中var editor = new Ext.ux.grid.RowEditor详解

    ### ExtJs选中 `var editor = new Ext.ux.grid.RowEditor` 详解 在Web开发领域,特别是使用ExtJs框架进行复杂用户界面构建时,`RowEditor` 是一个非常实用的功能,它允许用户直接在表格行内编辑数据,极大地提高了...

    ext Panel+toolbar+button 实作带注释

    在`exttest.html`文件中,你可能会看到Panel的配置对象,包括`title`、`bodyPadding`、`border`等属性的设置。 接着,我们讨论`EXT Toolbar`。Toolbar是EXT JS中用于放置按钮、菜单、分隔符等元素的组件。它常被...

    ExtJS ToolTip功能

    var grid = Ext.create('Ext.grid.Panel',{ title:'ArrayGrid', store:store, ... }); ``` 创建了一个`Ext.grid.Panel`实例,并指定了其标题和数据源。 5. **选择模型**: ```javascript selModel:{ type...

    Ext Panel拼揍表格模板.rar

    Ext Panel是Ext JS框架中的一个核心组件,常用于构建复杂的用户界面,特别是在数据展示和交互方面。本资源“Ext Panel拼揍表格模板.rar”显然包含了关于如何使用Ext Panel创建自定义表格模板的示例和代码。 Ext JS...

    Ext Js权威指南(.zip.001

    9.3.3 面板标题栏构件:ext.panel.header与ext.panel.tool / 438 9.3.4 记录和恢复面板属性:ext.util.memento / 439 9.3.5 面板常用的配置项、方法和事件 / 439 9.4 布局 / 441 9.4.1 布局概述 / 441 9.4.2 ...

    ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport第1/3页

    而Ext.Viewport则是一个特殊的组件,它将面板设置为视口,即整个浏览器窗口,这使得面板可以覆盖整个浏览器的可视区域。 通过本篇学习笔记,我们可以了解到如何使用ExtJs的面板控件,并通过一些简单的例子来展示...

    ExtJSWeb应用程序开发指南(第2版)

    5.1.2 Ext.panel.Panel的主要功能 5.1.3 使用Ext.panel.Panel 5.2 标准布局类 5.2.1 Auto自动布局 5.2.2 Fit自适应布局 5.2.3 Accordion折叠布局 5.2.4 Card卡片式布局 5.2.5 Anchor锚点布局 5.2.6 Absolute...

    Ext.form.FieldSet的用法.pdf

    `Ext.form.FieldSet` 是 `ExtJS` 框架中的一个组件,它主要用于组织和分组表单中的字段。FieldSet 提供了一种在界面上以可折叠或展开的方式展示一组相关输入字段的方式,有助于增强用户体验和界面的可读性。以下是对...

Global site tag (gtag.js) - Google Analytics