Et-js使用指南（总结）.pdf

Ext-js使⽤指南（总结）

⼀、获取元素（GettingElements）

1.Ext.get

varel=Ext.get(myElementId);//获取元素，等同于document.getElementById(myElementId);//会缓存

2.Ext.fly

varel=Ext.fly(myElementId)//不需要缓存。

注：享元模式（FlyweightDesignPattern）是⼀种节省内存的模式，该模式的⼤概原理是建⽴单个全体对象然后不断反复使⽤它。

3.Ext.getDom

varelDom=Ext.getDom(elId);//依据id来查dom节点

varelDom1=Ext.getDom(elDom);//依据dom节点来查dom节点

⼆、CSS元素

4.addClass

Ext.fly(elId).addClass(myCls);//加⼊元素的myCls的样式

5.radioClass

Ext.fly(elId).radioClass(myCls);//添加⼀个或多个className到这个元素，并移除其所有侧边（siblings）节点上的同名样式。

6.removeClass

Ext.fly(elId).removeClass(myCls);//移除元素的样式

7.toggleClass

Ext.fly(elId).toggleClass(myCls);//加⼊样式

Ext.fly(elId).toggleClass(myCls);//移除样式

Ext.fly(elId).toggleClass(myCls);//再加⼊样式

8.hasClass

if(Ext.fly(elId).hasClass(myCls)){//判断是否已加上这个样式

//是有样式的……

}

10.replaceClass

Ext.fly(elId).replaceClass(myClsA,myClsB);//替换样式

11.getStyle

varcolor=Ext.fly(elId).getStyle(color);//返回该元素的统⼀化当前样式和计算样式。

varzIndx=Ext.fly(elId).getStyle(z-index);//返回该元素的统⼀化当前样式和计算样式。

12.setStyle

Ext.fly(elId).setStyle({

display:block,

overflow:hidden,

cursor:pointer

});//设置元素的样式，也可以⽤⼀个对象参数包含多个样式。

13.getColor

Ext.fly(elId).getColor(color);//为指定的CSS属性返回CSS颜⾊

14.setOpacity

Ext.fly(elId).setOpacity(.45,true);//设置元素的透明度。

15.clearOpacity

Ext.fly(elId).clearOpacity();//清除这个元素的透明度设置

三、Dom游历

16.Ext.fly(elId).select(li:nth-child(2n)).addClass(red);

17.is测试当前元素是否与传⼊的选择符相符⼀致。

复制代码代码如下:

varel=Ext.get(elId);

if(el.is(p.myCls)){

//条件成⽴

}

18.findParent

定位于此节点，以此节点为起点，向外围搜索外层的⽗节点，搜索条件必须符合并匹配传⼊的简易选择符。

Ext.fly(elId).findParent(div);//返回dom节点

Ext.fly(elId).findParent(div,4);//查找4个节点

Ext.fly(elId).findParent(div,null,true);//返回Ext.Element

19.findParentNode

定位于此节点的⽗“节点”，以此节点的⽗“节点”为起点，向外围搜索外层的⽗⽗“”节点，搜索条件必须符合并匹配传⼊的简易选择符。

Ext.fly(elId).findParentNode(div);

20.up

沿着DOM，向外围搜索外层的⽗⽗“”节点，搜索条件必须符合并匹配传⼊的简易选择符。

Ext.fly(elId).up(