`
king_tt
  • 浏览: 2279303 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

在ExtJS里插入HTML元素

 
阅读更多
ExtJS 里的chart其实是用Flex来作的,对Flex的chart做了一层封装。但是封装的过程也丢失了Flex chart本来有的很多功能。对那些熟悉Flex的人来说,用ExtJS的chart,还不如在Flex开发好对应的chart,然后在ExtJS里直接用一个<object>元素来加载swf文件来得干脆。那在ExtJS如何插入一个HTML元素呢? 很简单,象下面的一样,
items: {
xtype: 'box',
autoEl: {
tag: 'object',
width : 100,
height: 600,
type: 'application/x-shockwave-flash',
data : '/resources/QamApp.swf'
}
}

最后输出的html节点是:<object width="100px" height="600px" type="application/x-shockwave-flash", data="/resources/QamApp.swf"/>
这样就可以在你的节点里看到Flex的报表了。
分享到:
评论

相关推荐

    Extjs4 tab 基本选项卡及增删插入操作

    在这个“Extjs4 tab 基本选项卡及增删插入操作”的主题中,我们将深入探讨如何使用ExtJS 4来管理TabPanel的选项卡,包括创建、删除和插入操作。 首先,让我们了解TabPanel的基本配置和选项: 1. **创建TabPanel** ...

    读Ext之十二(在各个位置插入元素)

    本文将深入探讨“读Ext之十二(在各个位置插入元素)”这一主题,主要关注如何利用ExtJS中的DomHelper工具来高效地在DOM树中插入元素。 首先,DomHelper是ExtJS中用于操作DOM的一个重要工具类,它的主要职责是创建...

    htmleditor扩展插入图片功能,使用Extjs+servlet请求实现

    在ExtJS中,HTML Editor是其中一个组件,提供了一个可定制的富文本编辑区域,可以进行文本格式化、插入HTML元素等操作。 为了实现HTML Editor插入图片的功能,我们需要做以下步骤: 1. **配置HTML Editor**:首先...

    extjs加水印

    3. Canvas绘制:在HTML5的Canvas元素上绘制水印,可以实现更复杂的效果,比如动态水印。 4. 图像处理库:如JQuery插件或纯JavaScript库,可以处理图片添加水印。 5. 服务器端处理:在图片发送到客户端前,在服务器端...

    FCKeditor结合extjs实例

    FCKeditor 支持多种HTML元素的插入,如图片、链接、表格等,并且具有样式控制和格式化功能。它的优点在于易于集成到任何Web应用程序中,提供了一种简单的方法来处理用户生成的内容,比如在论坛、博客或内容管理系统...

    extjs easyui小图标

    每个框架会提供一个图标字体或SVG资源文件,开发者可以在HTML元素中引用相应的CSS类,将图标插入到页面中。 2. **图标选择器**:了解如何在代码中选择和使用图标是至关重要的。例如,在ExtJS中,我们可能需要使用`x...

    一个简单的EXTJS Panel

    - **`html`:** 在Panel内部直接插入HTML内容。这里的`'&lt;h1&gt;hello,nicetomeetyou!&lt;/h1&gt;'`将在Panel内部显示。 - **`tbar`:** 设置Panel顶部工具栏。这里定义了一个工具栏项,其文本为`ˢ`,并且默认选中状态。 #### ...

    ExtJs入门 ExtJs很好的电子书 ExtJS入门.pdf 入门ExtJs必备电子书

    - **插入HTML片段**:此外,还介绍了如何使用`insertHtml`方法在指定位置插入HTML片段。 ```javascript Ext.get('id').insertHtml({ where: 'beforeBegin', // beforeBegin, afterBegin, beforeEnd, afterEnd el...

    完整的Extjs4 htmleditor上传图片插件(包括实例和用法)

    在ExtJS4中,htmleditor是一个非常实用的组件,它允许用户在编辑器中进行HTML编辑,包括插入文本、格式化、链接创建等,而上传图片功能是增强编辑器功能的重要一环。本资源提供了一个完整的ExtJS4 htmleditor图片...

    extjs扩展标记

    例如,创建一个简单的GridPanel,只需在JSP页面中插入对应的EXTJS标签,并设置相关属性即可。 5. **优势与好处**:使用EXTJS扩展标记可以提高代码的可读性和可维护性,减少重复代码,加快开发速度。同时,由于EXTJS...

    Extjs4 整合百度编辑器

    这通常在`onRender`或`afterRender`事件中进行,确保在编辑器的容器元素渲染完成后加载编辑器。 - **配置编辑器**:你可以根据需要配置百度编辑器的各种选项,例如语言设置、工具栏、图片上传路径等。这些配置可以...

    Extjs图片上传 带过滤和缩略图

    为了展示上传图片的缩略图,你可以利用HTML5的`FileReader` API读取文件内容,然后创建一个临时的图片元素来显示。在文件选择后,通过监听`change`事件,读取文件内容,转换成Base64编码,然后插入到页面的缩略图...

    Extjs面板和布局

    这对于在现有DOM元素中动态插入面板非常有用。 - **autoDestroy (Boolean)**:设置是否自动销毁从容器中移除的组件。默认为`true`,这意味着当一个子组件被移除后,它会被自动销毁;如果设置为`false`,则需要手动...

    Extjs常用方法总结.docx

    - `insertHtml()`:在当前元素内部插入HTML代码。 - `remove()`:移除当前元素。 - `replace()`:使用当前元素替换指定元素。 - `replaceWith()`:使用新元素替换当前元素。 - `wrap()`:创建一个新的元素来...

    Extjs常用方法总结.pdf

    - `insertHtml()`:在当前元素内插入HTML代码。 - `remove()`:移除当前元素。 - `replace()`:使用当前元素替换指定元素。 - `replaceWith()`:使用创建的元素替换当前元素。 - `wrap()`:创建一个新元素并将...

    extjs核心api详解

    Ext.DomQuery允许开发者使用类似CSS选择器的语言来查询DOM元素,而DomHelper提供了一系列工具方法来创建、插入、更新和删除DOM元素。Template则是一种用于动态生成HTML的模板引擎,它支持数据绑定,使得动态内容的...

    ExtJS工具栏

    创建工具栏首先需要在HTML页面中预留一个`&lt;div&gt;`元素作为容器,然后在JavaScript代码中通过ExtJS库创建一个`Ext.Toolbar`对象,并调用其`render()`方法将工具栏渲染到指定的`div`中。接着,可以使用`add()`方法向...

    用ExtJS实现动态载入树

    1. **创建JSP文件**:创建一个名为`org.jsp`的JSP文件,其中导入ExtJS所需的库文件,并在`&lt;body&gt;`标签内加入一个用于显示树状结构的`div`元素。 ```html ;height:300px;width:200px;border:2px solid #c3daf9;...

    extJs xtype 类型

    在ExtJS框架中,`xtype`是一种用于标识特定组件类型的简短字符串,便于在配置对象中快速定义组件。本文将深入探讨ExtJS中的各种`xtype`类型,帮助开发者更好地理解并运用这些组件。 #### 基本组件 1. **`button`:*...

    ExtJS模板使用说明(含代码示例).zip

    4. `insertBefore`:在指定DOM元素的前面插入生成的HTML。 5. `insertAfter`:在指定DOM元素的后面插入生成的HTML。 五、代码示例 ```javascript // 创建一个简单的模板 var template = new Ext.Template('...

Global site tag (gtag.js) - Google Analytics