`
编程足球
  • 浏览: 256934 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

Ext Panel 动态 加载 html

    博客分类:
  • Ext
阅读更多
要实现动态加载html也是时候常用的有下面的方法:
1.autoLoader
Ext.getCmp('PanelID').load({url: "xxx.html"});

上面的方法是Ext使用一定的方式把数据写入到Panel中,通常html中存在图片时候会出现问题
可以在ff下面调试就知道了,可以采用手动的方式给他加上路径

2. html
var url = "<iframe id='frame' src='" + result[0].href + "' frameborder='0'          width='100%' height='100%'></iframe>";
Ext.getCmp('PanelID').body.update(url);

这种方法不会有图片路径的问题,但是如果是还要继续使用Ext的话就要重新进行加载Ext的文件
分享到:
评论
2 楼 814687491 2012-09-19  
   
1 楼 心碎很美 2012-04-13  
谢了,可以加载上了。

相关推荐

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

    动态加载panel和HTML到tabpanel是提高应用性能和用户体验的有效方式,因为它允许按需加载内容,减少初始页面加载时间。下面我们将详细探讨EXTJS 4.x中如何实现这个功能。 首先,我们需要了解EXTJS 4.x的核心概念。...

    Ext Panel拼揍表格模板.rar

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

    ext Panel+toolbar+button 实作带注释

    在`panel.js`中,你可能会找到创建Toolbar的代码,例如`Ext.create('Ext.toolbar.Toolbar', {...})`,然后在其中添加各种工具按钮。 `EXT Button`是EXT JS中最常用的交互元素之一,它用于触发某个动作或者导航到...

    Ext.Tree.Panel

    总结,`Ext.Tree.Panel`是EXT JS中构建交互式树形结构的关键组件,通过配置和事件处理可以实现各种复杂的功能,如动态加载数据、拖放操作、自定义样式等。在实际应用中,开发者可以根据需求进行灵活定制,以满足不同...

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

    当Panel包含一个IFrame时,可能会遇到页面高度调整的问题,特别是在动态加载内容或者IFrame内页面高度不固定时。本文将深入探讨如何在使用ExtJS时解决Panel与IFrame结合时页面高度自动适应的问题。 首先,我们需要...

    Ext中TabPanel的动态页面加载

    在EXT JS这个强大的JavaScript库中,`...结合`ComponentLoader`或Ajax请求,可以灵活地加载HTML内容或动态创建EXT JS组件,实现丰富的交互功能。理解并熟练掌握这一特性,将有助于开发高效且响应迅速的Web应用。

    EXT实现动态树的功能

    TreePanel是EXT中用于展示树状结构数据的核心组件,它可以动态加载数据并提供多种交互方式。创建一个动态树的第一步是实例化一个TreePanel,并配置其属性,如根节点、数据源以及节点的渲染样式等。 ```javascript ...

    treePanel到panel的拖拽 等等操作详细,及步骤

    - **Ext.onReady**: 当DOM加载完成后执行的函数。 - **Ext.QuickTips.init()**: 初始化工具提示功能。 - **Ext.lib.Ajax.defaultPostHeader**: 设置默认的POST请求头,这里添加了字符集设置。 - **nodes**: 定义了一...

    ExtTreePanel新增节点

    - 添加节点时,如果需要动态加载子节点,应配置好`TreeStore`的远程加载选项(如`proxy`和`rootProperty`)。 - 在实际应用中,通常会使用事件监听器来响应用户操作,如按钮点击事件,来动态添加节点。 以上就是...

    简单的EXT加载数据的例子

    在这个例子中,“简单的EXT加载数据的例子”可能是指如何动态地从服务器获取数据并加载到Treepanel中。 1. **创建Treepanel** 创建Treepanel时,我们需要指定一些基本配置,如ID、标题、宽度、高度等。此外,还...

    Ext JS动态加载JavaScript创建窗体的方法

    动态加载JavaScript在Ext JS中主要通过`Ext.loader`对象实现,这个对象允许我们在运行时加载所需的类和资源,而无需在页面初始化时一次性加载所有代码。 1. **项目结构**: - 在一个典型的Ext JS应用中,项目通常...

    ext与媒体播放

    此外,EXT的强大的数据绑定功能也可以与Media组件结合,实现动态加载和播放不同的媒体文件。 在“EXT与媒体播放”的实践过程中,我们可能还会涉及到一些其他技术,例如使用流媒体服务器进行大文件传输优化,或者...

    ext_动态树型的实现

    本文将通过一个具体的示例来介绍如何利用ExtJS实现一个动态加载的树形结构。 #### 二、准备工作 在开始之前,确保已经正确安装并配置好了ExtJS环境。这包括但不限于: 1. **下载并引入ExtJS库**:可以通过官方网站...

    基于EXT2.0.2表格间数据拖拽

    DataStore通常与XML或者JSON数据源连接,可以动态加载和更新数据。在Grid中,我们可以通过配置ColumnModel来定义显示的列。 实现拖拽功能的关键在于扩展EXT的GridPanel类,添加DragDrop支持。这通常涉及以下几个...

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

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

    ext TREE

    1. 引入EXT JS库:在HTML文件中添加EXT JS库的CDN链接或本地路径。 2. 创建Tree Store:定义树结构的数据模型,可以是静态数据,也可以是通过Ajax动态获取。 3. 定义TreeNode:设置每个节点的属性,如文本、图标、...

    ext实例 ext操作步骤

    3. **启动EXT**:使用`Ext.onReady`函数在DOM加载完成后执行EXT的初始化代码,例如弹出一个消息框。 ```javascript Ext.onReady(function() { Ext.MessageBox.alert("你好", "wayfoon"); }); ``` 4. **创建布局...

    一个简单的EXTJS Panel

    - **动态加载内容:** 支持通过Ajax技术动态加载Panel的内容,提高用户体验。 #### 五、总结 通过上述介绍,我们可以了解到EXTJS `Panel`是一个非常灵活且功能强大的UI组件,适合用于构建各种复杂的企业级应用程序...

Global site tag (gtag.js) - Google Analytics