Ext.get,Ext.select,Ext.query方法

1,Ext.get

  Ext.get方法用来得到一个Ext元素,也就是类型为Ext.Element的对象, Ext.Element类是Ext对DOM的封装,代表DOM的元素,可以为每一个DOM创建一个对应的Element对象,可以通过Element对象 上的方法来实现对DOM指定的操作,比如用hide方法可以隐藏元素、initDD方法可以让指定的DOM具有拖放特性等。get方法其实是 Ext.Element.get的简写形式。

Ext.onReady(function(){
// alert(Ext.get("hello"));//[object object]返回的是Ext定义的一个element对象是对dom元素的封装,而不是一个dom对象
// alert(Ext.get("hello").innerHTML);//undefine,假设它是dom对象,那么是可以返回这个文本的
// alert(Ext.get("hello").dom);//[object HTMLDivElement]
// alert(Ext.get("hello").dom.innerHTML);//hello,world 方法1 参数是elementid
// alert(Ext.get(document.getElementById("hello")).dom.innerHTML);方法2 参数是domnode
/*var hello=new Ext.Element("hello");
alert(Ext.get(hello).dom.innerHTML);
*方法3 参数是element  三种方法的参数分别是elementid domnode 已经存在的element
*/
Ext.get("hello").highlight();
Ext.get("hello").setX(300);
Ext.get("hello").setY(300);
})


  三种方法可以从IDE中查看到

2,Ext.select

  select方法可以用来获得指定标签的DOM对象,其返回值是一个Ext.CompositeElement对象。是一个Element的数组

3, Ext.query

  query方法和select方法非常类似,不同的是,它返回的是一个封装了DOM的数组,它是Ext.DomQuery.select()的简写方式。

  注:在Ext 中Element的概念大于DOM的概念,DOM 是Element的一个子集,他们之间可以互相转换

Element-->DOM   方法:EL.DOM

DOM-->Element

方法:

<div id="hello">hello,world</div>

Element var hello=new Ext.Element("hello");

注意比较上述三个方法返回值的不同,非常重要!

加支付宝好友偷能量挖...


评论(0)网络
阅读(142)喜欢(0)extjs开发技巧