文档章节

ExtJs4常用工具类与函数之Ext.core.DomHelper

OSC首席小可爱
 OSC首席小可爱
发布于 2015/11/09 09:58
字数 874
阅读 9
收藏 0

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

Ext作为一个AJAX框架,与HTML、DOM交互、操作非常多,DomHelper类在当中起到了很好的耦合作用,让胡勇通过Ext来透明的操作HTML或DOM。这样就可以很方便的操作Ext的Element和HTMLElement了。

1.Ext.core.DomHelper.append()

通过el获取该节点将o追加到el的子节点,如果returnElement为true则返回追加后形成的Ext的Element,否则返回追加后形成的HTMLElement.

调用格式:

Ext.core.DomHelper.append(Mixed el,Object/String o,[Boolean returnElement])

参数说明:

el:指定的HTML的Element或DOMElement.

o:追加到el节点后的对象挥着指定的字符串值.

returnElement:标识返回追加后形成的节点是HTMLElement还是DomElement,如果为true,则返回Ext.core.Element 即DOM Element.

返回值:

返回Ext.Element或HTML Element.

2.Ext.core.DomHelper.applyStyle()

给指定的HTML Element(元素节点) 应用指定的CSS(样式表)效果.

调用格式:

Ext.core.DomHelper.applyStyle(String/HTML Element el,String/Object/Function styles)

参数说明:

el:HTML Element对象的id或HTML Element对.

styles: 应用的CSS样式表

返回值:无.

3.createTemplate()

通过指定的对象或字符串,创建一个Ext.Template(Ext的标准模版),最后返回该模版.

调用格式:

Ext.core.DomHelper.createTemplate(Object o)

参数:

o:通过该对象来创建一个Dom对象.

返回值:返回创建的Ext.Template对象.

4.insertAfter()

获取指定的Element,将新节点追加在获取的Element之后,最后返回指定的节点.

调用格式:

Ext.core.DomHelper.insertAfter(Mixed el, Object o,[Boolean returnElement])

参数说明:

el:指定的上下文Element.

o:欲追加的对象或Dom节点

[returnElement]:可选参数,表示是否返回插入节点后形成的新的Ext.Element,否则返回的是插入节点后形成的HTML Element.

返回值:HTMLElement 或ext.Element

5.insertBefore()

获取指定的Element,将新节点追加在获取的Element之前,最后返回指定的节点.

调用格式:

Ext.core.DomHelper.insertBefore(Mixed el, Object o,[Boolean returnElement])

参数说明:

el:指定的上下文Element.

o:欲追加的对象或Dom节点

[returnElement]:可选参数,表示是否返回插入节点后形成的新的Ext.Element,否则返回的是插入节点后形成的HTML Element.

返回值:HTMLElement 或ext.Element

6.insertFirst()

创建由o形成的对象追加在指定的Element下,成为Element的第一个子元素,最后插入并追加后的节点.

调用格式:

Ext.core.DomHelper.insertFirst(Mixed el, Object/String o,[Boolean returnElement])

参数说明:

el:指定的上下文Element.

o:新插入的对象或由字符串描述的节点.

[returnElement]:可选参数,表示是否返回插入节点后形成的新的Ext.Element,否则返回的是插入节点后形成的HTML Element.

返回值:HTMLElement 或Ext.Element

7.insertHtml()

在给定的HTMLElement中指定的位置插入HTML,并返回追加插入的HTMLElement.

调用格式:

Ext.core.DomHelper.insertHtml(String where, HTML Element el ,String html)

参数说明:

where:插入html 的位置,该值只能是beforeBegin/afterBegin/beforeEnd/afterEnd.

el:指定的HTMl Element,目标HTML元素.

html:要插入的HTML字符串.

返回值:HTMLElement

8.overwrite()

获取该指定的Element,按新的内容体覆盖Element的内部主体,并返回覆盖后的节点.

调用格式:

Ext.core.DomHelper.overwrite(Mixed el, Object/String o ,[Boolean returnElement])

参数说明:

el:指定的元素节点.

o:新插入的对象或由字符串描述的节点.

[returnElement]:可选参数,表示是否返回插入节点后形成的新的Ext.Element,否则返回的是插入节点后形成的HTML Element.

返回值:HTMLElement 或Ext.Element

© 著作权归作者所有

OSC首席小可爱

OSC首席小可爱

粉丝 3
博文 51
码字总数 66269
作品 0
无锡
后端工程师
私信 提问
Extjs 工具条(toolbar)

在extjs 中工具是一个比较重要的组件,工具条一共有几个小组件? 下面就是工具条所有组件。 显示文字Ext.toolbar.TextItem Extjs4 空间距 Ext.toolbar.Spacer Extjs4 分隔条Ext.toolbar.Sep...

Tity
2014/03/31
1K
0
ExtJS4.2学习 php版(二)

ExtJS使用命名空间 和 自己构建类的方法 写出了许多可以重用 高效的方法 所以使用ExtJS 类必须了解。 ExtJS4对新的类系统进行了大量的比较彻底的重构,新的架构建立在写在Extjs4库中每一个单...

lbc19920615
2014/03/31
334
0
JEPLUS平台JS事件的操作技巧——JEPLUS软件快速开发平台

JEPLUS平台JS事件的操作技巧 JEPLUS平台使用的是EXTJS4,很多时候一些客户不清楚平台JS事件的API怎么调用,以及JS事件API都有哪些,所以今天这个笔记就简单介绍一些JEPLUS平台JS事件的一些操...

JEPLUS
2018/06/27
23
0
ExtJS4.2学习 php版(三)

我们先定义一个Person类 ExtJS4采用define方法 Ext.define("My.Person",{ name : "", constructor : function(name) {this.name = name;}, say : function() {var me = this;alert("My name......

lbc19920615
2014/03/31
244
0
分布式多媒体共享平台--MultimediaDesktop

MultimediaDesktop 是分布式多媒体共享平台,采用分布式系统构架,保证服务的稳定性。 系统项目结构 系统整个是一个Maven项目,包含三个子项目,分别是:Server-API、Server、Client。其中Ser...

wms1
2015/05/06
1K
2

没有更多内容

加载失败,请刷新页面

加载更多

写的简单sh脚本2

#!/bin/bashexport LANG="en_US.UTF-8"#chmod +x filename 记得给文件加可执行权限#./vsimstart.sh#启动vsim项目echo "start vism"#207------------------------------assets=vsim-a......

hexiaoming123
昨天
4
0
java基础(1)变量和常量

概要和总结: 数据类型图: 基本数据类型:只有基本功能-----保存数据 (4类8种)byte-short-int-long-float-double-char-boolean 引用数据类型:有更多功能,保存数据,处理数据...

煌sir
昨天
5
0
年底了,整理了一份程序员面试必看的文章合集

本系列文章整合了本号发表和转载过的,有关技术招聘干货、笔试面试经验和技巧、简历、招聘等方面的精品文章,希望对想要找工作,以及正在找工作的你,能够有所帮助。 原创面试干货文章 校招季...

Java技术江湖
昨天
4
0
curl 命令行下工作的文件传输工具---应用篇

抓取页面内容到一个文件中 curl -o home.html http://www.sina.com.cn 模拟用户登录 # 此参数相当于设置http头 Authorization:curl --user user:password http://blog.mydomain.com/logi...

edison_kwok
昨天
4
0
JAVA--高级基础开发Cookie实现记住用户名和密码

前端JSP页面: 实现保存用户名和密码<%@ page import="java.net.URLDecoder" %><%@ page contentType="text/html;charset=UTF-8" language="java" %><html> <head> <title>Coo......

李文杰-yaya
昨天
15
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部