Class Ext.DomHelper
|
Defined In:
|
DomHelper.js
|
|
Class:
|
Ext.DomHelper
|
|
Extends:
|
Object
|
处理DOM或模板(Templates)的实用类。
能以JavaScript较清晰地编写HTML片段(HTML fragments)或DOM。
这是一个范例,产生五个子元素的无须列表,追加到当前元素'my-div':
var list = dh.append('my-div', {
tag: 'ul', cls: 'my-list', children: [
{tag: 'li', id: 'item0', html: 'List Item 0'},
{tag: 'li', id: 'item1', html: 'List Item 1'},
{tag: 'li', id: 'item2', html: 'List Item 2'},
{tag: 'li', id: 'item3', html: 'List Item 3'},
{tag: 'li', id: 'item4', html: 'List Item 4'}
]
});
更多资讯,请参阅
BLOG和一些例子.
配置项
这个类没有配置项。
公告属性
|
属性
|
定义者
|
|
|
useDom:
True表示为强制使用DOM而非html片断
True表示为强制使用DOM而非html片断
|
DomHelper
|
公共方法
|
|
markup
(
Object o
)
: String
|
DomHelper
|
|
|
applyStyles
(
String/HTMLElement el,
String/Object/Function styles
)
|
DomHelper
|
|
|
insertHtml
(
String where,
HTMLElement el,
String html
)
: HTMLElement
|
DomHelper
|
|
|
insertBefore
(
String/HTMLElement/Element el,
Object/String o,
[Boolean returnElement]
)
: HTMLElement/Ext.Element
创建新的Dom元素并插入到el之前
创建新的Dom元素并插入到el之前
参数项:
-
el
: String/HTMLElement/Element
元素内容
-
o
: Object/String
指定的Dom对象(和子孙)或是裸HTML部分
-
returnElement
: Boolean
返回:
-
HTMLElement/Ext.Element
新节点
|
DomHelper
|
|
|
insertAfter
(
String/HTMLElement/Element el,
Object/String o,
[Boolean returnElement]
)
: HTMLElement/Ext.Element
创建新的Dom元素并插入到el之后
创建新的Dom元素并插入到el之后
参数项:
-
el
: String/HTMLElement/Element
元素内容
-
o
: Object/String
指定的Dom对象(和子孙)
-
returnElement
: Boolean
返回:
-
HTMLElement/Ext.Element
新节点
|
DomHelper
|
|
|
insertFirst
(
String/HTMLElement/Element el,
Object/String o,
[Boolean returnElement]
)
: HTMLElement/Ext.Element
创建新的Dom元素并插入到el中,元素是第一个孩子。
创建新的Dom元素并插入到el中,元素是第一个孩子。
参数项:
-
el
: String/HTMLElement/Element
元素内容
-
o
: Object/String
指定的Dom对象(和子孙)或是原始的HTML部分
-
returnElement
: Boolean
返回:
-
HTMLElement/Ext.Element
新节点
|
DomHelper
|
|
|
append
(
String/HTMLElement/Element el,
Object/String o,
[Boolean returnElement]
)
: HTMLElement/Ext.Element
创建新的Dom元素并加入到el中
创建新的Dom元素并加入到el中
参数项:
-
el
: String/HTMLElement/Element
元素内容
-
o
: Object/String
指定的Dom对象(和子孙)或是原始的HTML部分
-
returnElement
: Boolean
返回:
-
HTMLElement/Ext.Element
新节点
|
DomHelper
|
|
|
overwrite
(
String/HTMLElement/Element el,
Object/String o,
[Boolean returnElement]
)
: HTMLElement/Ext.Element
创建新的Dom元素并覆盖el的内容
创建新的Dom元素并覆盖el的内容
参数项:
-
el
: String/HTMLElement/Element
元素内容
-
o
: Object/String
指定的Dom对象(和子孙)或是原始的HTML部分
-
returnElement
: Boolean
返回:
-
HTMLElement/Ext.Element
新节点
|
DomHelper
|
|
|
createTemplate
(
Object o
)
: Ext.DomHelper.Template
根据指定的Dom对象创建新的Ext.DomHelper.Templ...
根据指定的Dom对象创建新的Ext.DomHelper.Template对象
参数项:
-
o
: Object
指定的Dom对象(连同子孙)
返回:
-
Ext.DomHelper.Template
新模板
|
DomHelper
|
公告事件
这个类没公共的事件。