中文教程

Extjs 基础篇—— Ext.DomQuery

Posted 周五, 11/23/2012 - 12:37 by admin

Ext.DomQuery,根据编译请求提供高效的将选择符 / xpath 处理为可复用的函数的方法。可以添加新的伪类和匹配器。该类可以运行于 HTML 和 XML 文档之上（如果给出了一个内容节点）。 简单的说就是选择器。
DomQuery的核心方法就是：CSS选择器和XPath语法。
DomQuery支持4种选择器：元素选择器、属性选择器、伪类、CSS选择器。
1.元素选择器

Extjs 基础篇—— Ext.DomHelper

Posted 周五, 11/23/2012 - 12:35 by admin

Ext.DomHelper是处理DOM或模板（Templates）的实用类。其实就是对原生的DOM操作进行封装、改进，让我们更加方便的操作DOM元素。
Ext.DomHelper的主要方法如下：
1.append( String/HTMLElement/Element el, Object/String o, Boolean returnElement )
2.insertHtml( String where, HTMLElement el, String html )
3.overwrite( String/HTMLElement/Element el, Object/String o, Boolean returnElement )
4.createTemplate( Object o )
例子：

Ext.DomQuery.selectValue()

Posted 周五, 11/23/2012 - 12:32 by admin

例句：
loginResult.state = Ext.DomQuery.selectValue('/LoginResult/State',response.responseXML);
说明：
1.Ext.DomQuery ：根据编译请求提供高效的将选择符 / xpath 处理为可复用的函数的方法。可以添加新的伪类和匹配器。该类可以运行于 HTML 和 XML 文档之上（如果给出了一个内容节点）。

Extjs 基础篇—— Ext操作DOM

Posted 周五, 11/23/2012 - 12:30 by admin

一 这里要记住三个核心工具类：Ext.Element, Ext.DomHelper, Ext.DomQuery。

二 说明一下，这里的ExtJs用的是3.x的版本
三 Ext.Element.get()，获取的是Ext.Element的实例，而不是原生的

标签。

Extjs 基础篇—— DOM操作

Posted 周五, 11/23/2012 - 12:27 by admin

一 节点的访问
var div = document.getElementById('myDiv');
二 节点的创建

var div = document.createElement('div');
   div.id = 'newDiv';
   document.body.appendChild(div);
   // 指定位置
  document.body.insertBefore(div,document.getElementById('myDiv'));

三 节点的删除

聚合内容