Extjs 基础

Extjs 基础篇—— Function基础

这里主要是JS的基础知识,也是深入理解Ext的基础。
1.参数可变长,注意跟Java还是有一点区别的。
例:

function getUser(name,age){
    alert("name: "+name + " age: "+age);
  }

调用方法:getUser(); // 可以不传参数
getUser("cat"); // 可以只传递一个参数
getUser("cat",20); // 传两个参数
getUser("cat",20,2,"dog"); // 传两个以上的参数

Extjs 基础篇—— Ext.DomQuery

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

Extjs 基础篇—— Ext.DomHelper

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()

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

Extjs 基础篇—— Ext操作DOM

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

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

标签。

聚合内容